Question

这里我有2个div的共同子类名。通过这些类名，如何找到am在哪个父div？for ex。我想获得divTab1Btn或divTab2Btn。

<div id='divTab1Btn' class='tabBtn' style='display: block; visibility: visible;'>
 <input id='divTab1BtnEdit' class="btneditclick" classvalue="1" type='button' table2focus="tblAddtype" value='Edit' style='width: 75px; display: none; visibility: hidden;' />
 <input id='divTab1BtnConfirm' class="btnconfirm" gridid="1655" classvalue="1" type='button' value='Confirm' hdnheadergridlinkfield="ADD_MRECID" style='width: 85px; display: none; visibility: hidden;' />
      </div>


   <div id='divTab2Btn' class='tabBtn' style='display: block; visibility: visible;'>
 <input id='divTab1BtnEdit' class="btneditclick" classvalue="1" type='button' table2focus="tblAddtype" value='Edit' style='width: 75px; display: none; visibility: hidden;' />
 <input id='divTab1BtnConfirm' class="btnconfirm" gridid="1655" classvalue="1" type='button' value='Confirm' hdnheadergridlinkfield="ADD_MRECID" style='width: 85px; display: none; visibility: hidden;' />
      </div>

如何在jquery中获取同一类的div名称？

Answer 1

假设您的this上下文引用了这两个按钮btneditclick和btnconfirm：

 var divId = $(this).closest('.tabBtn').attr('id');

Answer 2

你应该使用

$('.tabBtn').on('click', function(){ //<-- here if you click the div class name .tabBtn
  alert($(this).attr('id'));
})

如果单击类名tabBtn中的按钮，则：

 $('input[type=button]').on('click', function(){ //<-- here if you click the button inside class name .tabBtn
  alert($(this).parent().attr('id'));
})

Answer 3

$( 'input[type=button]' ).click(function() {
  alert($(this).parent().attr("id"));
});

Answer 4

您可以点击按钮获取div元素的ID，如：

$(".btneditclick").click(function(){
  var divId=$(this).parent("div").attr('id'); //this will return you the id of div,i.e. divTab1Btn or divTab2Btn
});

如何在jquery中获取同一类的div的名称？

4 个答案: