ホームページ > ウェブフロントエンド > jsチュートリアル > 子要素に影響を与えずにjQueryの親要素のテキストを変更する方法は?

子要素に影響を与えずにjQueryの親要素のテキストを変更する方法は?

Mary-Kate Olsen
リリース: 2024-11-26 21:41:12
オリジナル
686 人が閲覧しました

How to Modify Parent Element Text in jQuery Without Affecting Child Elements?

jQuery を使用して子要素に影響を与えずに要素テキストを変更する

質問:

Web ページで、子要素を変更せずに要素のテキストを変更します。 HTML 構造の例を次に示します。

<div>
  **text to change**
  <someChild>
    text that should not change
  </someChild>
  <someChild>
    text that should not change
  </someChild>
</div>
ログイン後にコピー

jQuery の初心者として、このタスクを達成する方法を模索しています。

答え:

Markは 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 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート