使用JQuery從嵌套跨度中獲取文本

Question

我正在努力使用jquery來獲取嵌套范圍中的文本值。 可以說我有以下結構：

<span class='token tag'>
    <span class='token tag'>
        <span class='token punctuation'> < </span>
            div
        </span>
    ...

我的目標是獲得文本div。 此模式適用於所有開始標記的名稱，我想選擇在此模式后選擇具有匹配名稱（所有div）的所有元素。 我有以下內容：

$(this.state.$html.filter('.token.tag:has(> .token.tag):has(> .token.punctuation).children()[3]).text()

這是我迄今為止最好的嘗試，但不成功。

Answer 1

正如您希望嵌套范圍內的文本一樣，最好使用span標記應用搜索，這樣它將消除div等其他元素。

因此，如果您有一個具有相同類的嵌套div，則不會選中它。

 var txt = $("span.token.tag > span.token.tag > span.token.punctuation").text() console.log(txt); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span class='token tag'> <span class='token tag'> <span class='token punctuation'>div</span> </span> </span> <div class='token tag'> <div class='token tag'> <div class='token punctuation'>div2</div> </div> </div> 

Answer 2

 var div = $('.token').find('span.tag').children('span').text(); console.log(div) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span class='token tag'> <span class='token tag'> <span class='token punctuation'>div</span> </span> </span> 

試試這個。