JavaScript と jQuery の子要素に影響を与えずにテキスト コンテンツを更新するにはどうすればよいですか?

テキスト操作: 子要素の保持

質問:

子に影響を与えずに要素のテキストを動的に更新するにはどうすればよいですか要素？次の HTML について考えてみましょう:

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

jQuery の初心者として、追加のテキスト コンテナを導入せずにこのタスクを達成するための適切な関数またはセレクターを見つけてください。

答え:

jQuery はそのような操作のための高度なメソッドを提供しますが、バニラ JavaScript を使用して解決することも可能です。 childNodes プロパティは、テキスト ノードを含む要素内のすべてのノードへのアクセスを提供します。

たとえば、変更されるテキストが常に div の最初の要素である場合は、次のコードを使用できます:

var divElement = document.getElementById('your_div');
var textNode = divElement.childNodes[0];

textNode.nodeValue = 'new text';

または、jQuery を使用して div をターゲットにし、テキストへの参照を取得することもできますnode:

var divElement = $('your_div').get(0);
var textNode = divElement.childNodes[0];

textNode.nodeValue = 'new text';

このメソッドは、子要素の元の構造と内容を維持しながら、テキストの内容を効果的に更新します。

以上がJavaScript と jQuery の子要素に影響を与えずにテキスト コンテンツを更新するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。