JQuery DOM获取绑定属性

JQuery DOM get Binded attribudes

本文关键字：属性 绑定 获取 DOM JQuery      更新时间：2023-09-26

我有代码

 $(".showerPr").on('click', '.prototypeDiv',function(){
 });

HTML看起来像

<div class='showerPr' data-id='3'>
<div class='prototypeDiv' data-id='5'><div>
</div>

是否有一些解决方案分别获得淋浴数据id和prototypepedv数据id ?

像

somethink

$(this).attr('data-id');
$(this).before().attr('data-id');

:-D谢谢。

.showerPr不是before()即.prototypeDiv元素，它是父元素

var proto  = $(this).data('id');
var shower = $(this).parent().data('id');


$(".showerPr").on('click', '.prototypeDiv',function(){
  var proto  = $(this).data('id');
  var shower = $(this).parent().data('id');
  
  $('#result').html('prototypeDiv : ' + proto + '<br />' + 'showerPr : ' + shower)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='showerPr' data-id='3'>
    <div class='prototypeDiv' data-id='5'>Click Me !!!<div>
</div>
<br/><br/>
<div id="result"></div>

@adeneo是正确的，.showerPr是父元素。你可能想要检查jQuery的遍历方法。

下面是代码片段。

$(".prototypeDiv").on('click', function(){
  alert($(this).data('id'));
  alert($(this).parent().data('id'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='showerPr' data-id='3'>
  <div class='prototypeDiv' data-id='5'>123<div>
</div>

相关文章：