大佬教程收集整理的这篇文章主要介绍了jQuery选择祖先，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
标记：
<div id="ancestor-1">
<div>
<a href="#" class="click-me">Click me</a>
</div>
</div>
<div id="ancestor-2">
<div>
<a href="#" class="click-me">Click me</a>
</div>
</div>
脚本：
$(".click-me").click(function(){
// var ancestorId = ???;
alert(ancestorId)
});
parent()为立即父元素。
$(".click-me").click(function() {
var ancestor = $(this).parent();
alert(ancestor)
});
或parents()为所有匹配的祖先元素。
$(".click-me").click(function() {
var ancestors = $(this).parents("@L_783_4@me-ancestor");
alert(ancestors)
});
或者closest()用于第一个最接近的匹配元素(祖先或自身)。
$(".click-me").click(function() {
var ancestor = $(this).closest("@L_783_4@me-ancestor");
alert(ancestor)
});
parent()和closest()之间的区别是微妙但重要的。 nearest()将返回当前元素，如果它是一个匹配; parents()只返回祖先。你很多不希望返回当前元素的可能性。 nearest()也只返回一个元素; parents()返回所有匹配的元素。
以上是大佬教程为你收集整理的jQuery选择祖先全部内容，希望文章能够帮你解决jQuery选择祖先所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。