如何使用 jQuery 從 HTML 元素中提取特定文字節點？

如何選擇性地從元素中檢索文字內容

處理HTML 文件時，可能需要從元素中提取特定文字節點元素而不改變元素的結構。考慮以下範例：

<br><div> 我是文字節點<br> <a></a>
</div><br>

在此場景中，目標是僅檢索“我是文本節點”文本，不包括“編輯”標籤。為了以跨瀏覽器相容的方式實現這一點，可以利用 jQuery。

jQuery 解：

以下 jQuery程式碼有效地擷取文字節點，同時保留「編輯」標籤：

var text = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();

解釋：

• 程式碼選擇類別為「title」的元素。
• 然後檢索該元素的內容，包括文字節點和錨標記。
• 過濾函數應用於內容，僅識別並傳回文字節點。
• 最後，使用 text() 方法從選定的文字節點中擷取文字內容。

透過使用這種方法，獲得所需的文字節點而不影響元素的結構或內容。此解決方案可確保跨多個瀏覽器的兼容性，並適應各種 HTML 文件場景。

以上是如何使用 jQuery 從 HTML 元素中提取特定文字節點？的詳細內容。更多資訊請關注PHP中文網其他相關文章！