如何在jQuery中使用子div获取父div?
在这里,我想用div1作为答案…用divTab1Btn作为子项 我正在使用如何在jQuery中使用子div获取父div?,jquery,html,Jquery,Html,在这里,我想用div1作为答案…用divTab1Btn作为子项 我正在使用 $('#divTab1Btn').closest().attr("id"); 但我正在变得不明确?正确的解决方案是什么 <div id="div1"> <div id="divTab1Heading" style="background-color: rgb(246, 246, 246);"> <table style="width: 1024px; height:
$('#divTab1Btn').closest().attr("id");
但我正在变得不明确?正确的解决方案是什么
<div id="div1">
<div id="divTab1Heading" style="background-color: rgb(246, 246, 246);">
<table style="width: 1024px; height: 40px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="left" style="width: 911px; float: left;">
<div disabled="disabled" class="tabBtn" id="divTab1Btn" style="display: block; visibility: visible;">
<input class="btneditclick" id="divTab1BtnEdit" style="width: 75px; display: block; visibility: visible;" type="button" value="Edit" table2focus="tblAddtype" classvalue="1">
<input class="btnconfirm" id="divTab1BtnConfirm" style="width: 85px; display: none; visibility: hidden;" type="button" value="Confirm" classvalue="1" hdnheadergridlinkfield="ADD_MRECID" gridid="1655">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
最近的()方法需要一个选择器来查找目标元素,否则它将返回一个空对象,这就是未定义值的原因
在您的情况下,由于没有其他选择器来查找父级,我认为您可以执行类似于获取表
的操作,然后获取其父级的父级ID
$('#divTab1Btn').closest('table').parent().parent().attr("id");
使用.parents()
获取所有父元素,并且.last()
将选择所有div中的最后一个父元素
var id=$('#divTab1Btn').parents('div').last().prop("id");
您可以使用parent()
:
现在您有了父div的对象,可以使用.attr()函数来获取父div的属性
例如:
var obj = $("#divTab1Btn").parent();
var parentId = $(obj).attr("id");
var obj = $("#divTab1Btn").parent();
var parentId = $(obj).attr("id");