Bagaimana untuk menggantikan kandungan tag dengan jquery

Menggantikan kandungan tag adalah sangat mudah dengan jQuery. Anda boleh menggunakan dua kaedah berikut: .html() dan .text().

1. Menggunakan kaedah .html()

kaedah.html() boleh digunakan untuk menggantikan kandungan HTML dalam elemen HTML. Penggunaannya sangat mudah, anda hanya perlu memasukkan kandungan untuk diganti. Contohnya, jika anda ingin menggantikan kandungan dalam elemen div dengan id "myDiv" dengan "Hello, world!", anda boleh menulis:

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

2. Gunakan .text() kaedah

Kaedah .text() adalah serupa dengan kaedah .html(), kecuali ia digunakan untuk menggantikan kandungan teks dalam elemen dan bukannya kandungan HTML. Sebagai contoh, jika anda ingin menggantikan kandungan dalam elemen div dengan id "myDiv" dengan "Hello, world!", anda boleh menulis seperti ini:

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

Perlu diambil perhatian bahawa jika anda ingin menggantikan Kandungan ialah kod HTML, maka anda harus menggunakan kaedah .html(). Jika tidak, jika kandungan yang anda ingin gantikan hanyalah teks biasa, maka anda harus menggunakan kaedah .text().

Contoh demo:

Kod HTML:

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

Kod JavaScript:

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

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

Kod di atas akan menggantikan kandungan dalam elemen div dengan "Hello, dunia!". Contoh pertama menggunakan kaedah .html() untuk menggantikan kandungan HTML dalam elemen div, dan contoh kedua menggunakan kaedah .text() untuk menggantikan kandungan teks biasa dalam elemen div.

Ringkasan:

Dengan menggunakan kaedah .html() dan .text(), anda boleh menggantikan kandungan dalam elemen HTML dengan mudah. Jika apa yang anda perlu ganti ialah kod HTML, maka anda harus menggunakan kaedah .html() jika apa yang anda perlu gantikan hanyalah teks biasa, maka anda harus menggunakan kaedah .text().

Atas ialah kandungan terperinci Bagaimana untuk menggantikan kandungan tag dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!