使用jQuery獲取第N個文本節點的值

Question

如果我想使用jQuery獲取文本節點的值，我該如何做到這一點？

例如，具有以下HTML，我怎麼才能只值「XYZ-123」，而無需解析出「SID：」使用正則表達式：

<div id="sid"><strong>SID: </strong> XYZ-123</div> 

Answer 1

嘗試使用filter()與Node.TEXT_NODE的nodeType：

$('#sid').contents().filter(function() { 
    return this.nodeType === Node.TEXT_NODE; 
}).text(); 

上面的代碼查找基於該nodeType內容和過濾器。我們只對文本節點感興趣。

片段

$(function() { 
 
    a = $('#sid').contents().filter(function() { 
 
    return this.nodeType === Node.TEXT_NODE; 
 
    }).text(); 
 
    alert(a); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div id="sid"><strong>SID: </strong> XYZ-123</div>

要知道更多：

• jQuery filter()。
• jQuery contents()。
• Node class and nodeTypes。

Answer 2

您可以使用獲得的內容與過濾功能一起div元素得到文本節點元素：

$('#sid').contents().filter(function() { 
    return this.nodeType === 3; //get text nodes 
}).text(); 

Working Demo