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>

我想要它来控制这个词＆＃34;你好＆＃34;内部类test2

我试过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();

Jquery：获得父母的父母

2 个答案: