タグの内容をjqueryで置き換える方法

jQuery の場合、タグのコンテンツの置換は非常に簡単です。 .html() と .text() の 2 つのメソッドを使用できます。

1. .html() メソッドの使用

.html() メソッドを使用して、HTML 要素内の HTML コンテンツを置き換えることができます。使用方法は非常に簡単で、置き換えるコンテンツを渡すだけです。たとえば、ID が「myDiv」である div 要素のコンテンツを「Hello, world!」に置き換える場合は、次のように記述できます。

$("#myDiv").html("Hello, world!");

2. Use the .text() method

.text() メソッドは .html() メソッドと似ていますが、HTML コンテンツではなく要素内のテキスト コンテンツを置換するために使用される点が異なります。たとえば、ID が「myDiv」である div 要素のコンテンツを「Hello, world!」に置き換える場合は、次のように記述できます。

$("#myDiv").text("Hello, world!");

置き換えたいのが HTML コードの場合は、.html() メソッドを使用する必要があります。それ以外の場合、置換するコンテンツが単なるプレーン テキストである場合は、.text() メソッドを使用する必要があります。

デモの例:

HTML コード:

<div id="myDiv">
    <p>这是一个段落。</p>
</div>

JavaScript コード:

// 使用 .html() 方法替换 HTML 内容
$("#myDiv").html("
Hello, world!
");

// 使用 .text() 方法替换文本内容
$("#myDiv").text("Hello, world!");

上記のコードは、div 要素のコンテンツを「Hello,世界 ！"。最初の例では、.html() メソッドを使用して div 要素内の HTML コンテンツを置き換え、2 番目の例では .text() メソッドを使用して、div 要素内のプレーン テキスト コンテンツを置き換えます。

概要:

.html() メソッドと .text() メソッドを使用すると、HTML 要素内のコンテンツを簡単に置き換えることができます。 HTML コードを置き換える必要がある場合は、.html() メソッドを使用する必要があり、置き換える必要があるのがプレーン テキストだけの場合は、.text() メソッドを使用する必要があります。

以上がタグの内容をjqueryで置き換える方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。