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();