jQuery：获取父母的父母

Question

如果我有以下类似的代码，则元素包含3层以下

<span class="dropdown test1">
    <span class="test2" type="button" data-toggle="dropdown">hello</span>
    <ul class="dropdown-menu test3" style="min-width:100px;text-align:centerz-index:999;">
        <li class="CTHK-{{feedId}} test4"  data-url="{{url}}" style="width: 100%; height: 100%;margin-left: 0px !important; margin-top: 0px !important;margin-bottom: 0px !important;"><a href="javascript:void(0)">Btn list</a></li>
        <div class="divider"></div>
    </ul>
</span> 

我希望它在类test2内安慰单词“ hello”

我试过console.log($(this).parent().parent(".test2").text());

我必须使用它，因为如果我设置了一个一致性类，它无法识别哪个是哪个，则我使用for循环来赋值数据

Answer 1

jQuery的.closest（selector）是您所需要的。 您的选择器可以是".test2" ，选择所需的元素后可以添加.text() 。

说明：对于集合中的每个元素，通过测试元素本身并遍历DOM树中的其祖先，获得与选择器匹配的第一个元素。

当然，您应该确保起点实际上是您要导航的数据结构中目标点的后代。 在给出的示例中， <span class="test2">hello</span>没有孙子供您使用。 您可能会上升两个级别，然后例如使用find(".test2")下移。

Answer 2

用这个

$(this).parent().parent().find(".test2").text();