首頁 >web前端 >js教程 >如何從 HTML 元素中提取特定文本,同時保留其他元素?

如何從 HTML 元素中提取特定文本,同時保留其他元素?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-06 05:40:14650瀏覽

How to Extract Specific Text from an HTML Element While Preserving Other Elements?

從具有跨瀏覽器相容性的元素中提取特定文字

從元素中檢索特定文字節點,同時保留其中的其他元素,考慮以下場景:

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

目標: 取得文字“我是文字節點”,而不刪除“編輯”連結。

解決方案:

下面的jQuery 程式碼可以有效地擷取感興趣的文字節點,同時保持跨瀏覽器相容性:

此程式碼:

  1. 使用jQuery 選擇具有「title」類別的元素。
  2. 呼叫contents()方法來擷取所有子元素,包括文字節點。
  3. 應用一個對這些內容進行過濾功能,僅保留文字節點。
  4. 使用 text() 方法將過濾後的文字節點轉換為單一字串。

因此,文字「I am 文字節點」被傳回,而不影響「編輯」連結。

以上是如何從 HTML 元素中提取特定文本,同時保留其他元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn