如何在jquery中獲取div的同名類名？

Question

在這裏，我有2個div的常見兒童類名。通過有這些類名，如何找到我在哪個父div？我想獲得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

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

Answer 2

假設你this語境是指這兩個按鈕btneditclick和btnconfirm：

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

Answer 3

您應該使用

$('.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 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 
});