如何在 jQuery 中修改父元素文字而不影響子元素？

使用jQuery 修改元素文字而不影響子元素

問題：

在網頁中，我需要更新元素的文字而不更改其子元素。以下是一個 HTML 結構範例：

<div>
  **text to change**
  <someChild>
    text that should not change
  </someChild>
  <someChild>
    text that should not change
  </someChild>
</div>

作為 jQuery 新手，我尋求一種方法來完成此任務。

答案：

標記使用 jQuery 提供了一個優秀的解決方案。然而，常規 JavaScript 提供了另一種方法：

JavaScript 提供了 childNodes 屬性來取得元素的所有子節點，包括文字節點。如果要修改的文字始終顯示為元素的初始子節點，則可以使用以下程式碼：

var your_div = document.getElementById("your_div");

var text_to_change = your_div.childNodes[0];

text_to_change.nodeValue = "new text";

在此範例中，我們假設要修改的文字是元素中的第一個節點

元素。您仍然可以利用 jQuery 來選擇

元素，在這種情況下：

var your_div = $("your_div").get(0);

以上是如何在 jQuery 中修改父元素文字而不影響子元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！