Javascript 如何使用jquery查找行的父节点
从下面的htmlJavascript 如何使用jquery查找行的父节点,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,从下面的html <tbody> <tr id="article0"> <td id="CheckboxDiv0"> <div class="checkbox"> <label> <input type="checkbox" id="CheckboxArticle0" value="helo">
<tbody>
<tr id="article0">
<td id="CheckboxDiv0">
<div class="checkbox">
<label>
<input type="checkbox" id="CheckboxArticle0" value="helo">
</label>
</div>
</td>
</tr>
</tbody>
代码运行不正常。有人可以建议我如何获取父div的id,即“article0”您可以使用的.closest()
说明:closest()
方法返回所选元素的第一个祖先。请参阅:像这样尝试
$("#checkboxArticle0").closest("tr").attr("id")
需要注意的两点:
1) 在javascript中使用document.getElementById访问任何使用其id的元素
2) 您提到了错误的id,请使用“CheckboxArticle0”而不是“CheckboxArticle0”(C需要大写)
正确的脚本是:
var ParentId=document.getElementById("CheckboxArticle0").parentNode.parentNode.parentNode.parentNode.id;
alert(ParentId)
#Article 0
不是一个部门,也不是家长。哦,很抱歉犯了这个错误,只是一个初学者jquery@Turnipwhy看在上帝的份上,你添加了java标签,它的javascript吗@tmg!dilkush@TilakMadichetti很抱歉,我没有添加该标记,但我应该删除它。这很好@Tilakmadichetti。如果我使用您的代码@dhara Parmar,您是否具有与上述相同的html结构?@Dilkush:那么它应该可以正常工作。您是否在dom就绪后调用代码?@Dilkush是的,它应该在document.ready中,如所述milind@MilindAnantwar骆驼套有一个小错误,现在工作正常,编辑一百万次就够了~!谢谢@Jayesh Chitroda,它对我很好,但是你能建议我使用jqueryforjquery:var ParentId=$(“#CheckboxArticle0”).closest(“tr”).attr(“id”);
$("#checkboxArticle0").closest("tr").attr("id")
$("#checkboxArticle0").parents('tr').attr("id")
var ParentId=document.getElementById("CheckboxArticle0").parentNode.parentNode.parentNode.parentNode.id;
alert(ParentId)