Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mengekstrak Teks Tertentu daripada Elemen HTML Sambil Memelihara Elemen Lain?

Bagaimana untuk Mengekstrak Teks Tertentu daripada Elemen HTML Sambil Memelihara Elemen Lain?

Mary-Kate Olsen
Lepaskan: 2024-12-06 05:40:14
asal
675 orang telah melayarinya

How to Extract Specific Text from an HTML Element While Preserving Other Elements?

Mengekstrak Teks Khusus daripada Elemen dengan Keserasian Merentas Pelayar

Untuk mendapatkan semula nod teks tertentu daripada elemen sambil mengekalkan elemen lain di dalamnya , pertimbangkan senario berikut:

Saya adalah nod teks

Objektif: Dapatkan teks "Saya adalah nod teks" tanpa mengalih keluar "Edit" pautan.

Penyelesaian:

Kod jQuery berikut dengan cekap mengekstrak nod teks yang diminati sambil mengekalkan keserasian merentas pelayar:

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

Ini kod:

  1. Memilih elemen dengan kelas "tajuk" menggunakan jQuery.
  2. Panggil kaedah contents() untuk mendapatkan semula semua elemen anak, termasuk nod teks.
  3. Menggunakan fungsi penapis pada kandungan ini untuk mengekalkan nod teks sahaja.
  4. Menukar nod teks yang ditapis menjadi rentetan tunggal menggunakan kaedah text().

Hasilnya, teks "Saya nod teks" dikembalikan tanpa menjejaskan pautan "Edit".

Atas ialah kandungan terperinci Bagaimana untuk Mengekstrak Teks Tertentu daripada Elemen HTML Sambil Memelihara Elemen Lain?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan