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

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

Mary-Kate Olsen
發布: 2024-12-06 05:40:14
原創
687 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板