查找选择的第一个父

考虑这个样本HTML查找选择的第一个父

<div class="A"> 
    <div class="B"> 
     <span class="C">Sample text</span> 
     <div class="D"> 
      <div class="E">Clickable Text</div> 
     </div> 
    </div> 
</div>

而一些jQuery的

$(".E").click(function(){ 
    //body 
});

什么是得到$(this)一个选择匹配的家长最简单的方法？例如，在例子中说，我需要得到的div在class="A"。目前，因为我知道我可以做的HTML的结构

$(this).parent().parent();

但我正在寻找一种方法，将工作，无论结构。东西沿线

$(this).findFirstParent(".A");

我希望我能理解。

来源

2012-05-03 Ash Burlaczenko

的可能重复[如何选择一祖先相匹配的选择？（http://stackoverflow.com/questions/ 2867022 /如何对选择先祖先即百搭一个选择器）。 –

@FelixKling，我正准备+1你的答案，但不是我所需要的，我看不出-1的原因。 –

我想是因为'.closest'真的是这里最好的方法......但是我错过了你的问题中的部分'.A'实际上是固定的，所以nvm;） –

$(".E").click(function(){ 
    console.log($(this).closest('.A')); 
    /* console.log($(this).parents('.A')); works fine too */ 
});

见
http://api.jquery.com/closest/
http://api.jquery.com/parents/

注意parent()比parents()方法（第一一看只有一个祖先）

来源

2012-05-03 11:59:55 fcalderan

谢谢。我尝试使用Google搜索，但不知道要搜索的词组。 +1 –

首个解决方案不同：

$(this).closest('.A')

资源：http://api.jquery.com/closest/ 当遍历匹配选择器时，这将返回第一个父亲。

解决方法二：

$(this).parents('.A:first')

来源：http://api.jquery.com/parents/ 这将返回所有的家长的选择

来源

2012-05-03 12:00:21

什么

$(this).closest(".A");

来源

2012-05-03 12:00:26

jQuery的家长选择可能会帮助你有相匹配。你可以将它与你正在寻找的课程相结合。请参阅该文档@ http://api.jquery.com/parent-selector/

来源

2012-05-03 12:03:54 lb1a

这是正路我会做

$(this).parents("div.A")

来源

2012-05-03 12:13:08

查找选择的第一个父

回答

相关问题