Bagaimanakah Saya Boleh Mengeluarkan Nod Teks Tertentu daripada Elemen HTML Menggunakan jQuery?

Cara Mengambil Kandungan Teks Secara Selektif daripada Elemen

Apabila bekerja dengan dokumen HTML, mungkin perlu untuk mengekstrak nod teks tertentu daripada unsur tanpa mengubah struktur unsur tersebut. Pertimbangkan contoh berikut:

<br><div> Saya ialah nod teks<br> <a></div><br>

Dalam senario ini, matlamatnya adalah untuk mendapatkan hanya teks "Saya nod teks", tidak termasuk teg "Edit". Untuk mencapai ini dalam cara yang serasi merentas pelayar, jQuery boleh digunakan.

Penyelesaian jQuery:

Kod jQuery berikut mengekstrak nod teks secara berkesan sambil mengekalkan " Edit" tag:

var text = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();

Penjelasan:

• Kod memilih elemen dengan kelas "tajuk."
• Ia kemudian mendapatkan semula kandungan elemen itu, yang termasuk nod teks dan tag anchor.
• Fungsi penapis digunakan pada kandungan, mengenal pasti dan mengembalikan nod teks sahaja.
• Akhir sekali, kaedah text() digunakan untuk mengekstrak kandungan teks daripada nod teks yang dipilih.

Dengan menggunakan pendekatan ini, teks yang diingini nod diperoleh tanpa menjejaskan struktur atau kandungan elemen. Penyelesaian ini memastikan keserasian merentas berbilang penyemak imbas, menampung pelbagai senario dokumen HTML.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengeluarkan Nod Teks Tertentu daripada Elemen HTML Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!