Bagaimana untuk Mengubah Suai Teks Elemen Induk dalam jQuery Tanpa Menjejaskan Elemen Anak?-tutorial js-php.cn

Bagaimana untuk Mengubah Suai Teks Elemen Induk dalam jQuery Tanpa Menjejaskan Elemen Anak?

Mary-Kate Olsen

Lepaskan： 2024-11-26 21:41:12

asal

686 orang telah melayarinya

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

Mengubah suai Teks Elemen Tanpa Menjejaskan Elemen Kanak-kanak Menggunakan jQuery

Soalan:

Dalam halaman web, saya perlu mengemas kini teks unsur tanpa mengubah unsur anaknya. Berikut ialah contoh struktur HTML:

<div>
  **text to change**
  <someChild>
    text that should not change
  </someChild>
  <someChild>
    text that should not change
  </someChild>
</div>

Salin selepas log masuk

Sebagai orang baru jQuery, saya mencari cara untuk menyelesaikan tugasan ini.

Jawapan:

Mari telah menyediakan penyelesaian yang sangat baik menggunakan jQuery. Walau bagaimanapun, JavaScript biasa menawarkan pendekatan alternatif:

JavaScript menyediakan sifat childNodes untuk mendapatkan semua nod anak elemen, termasuk nod teks. Jika teks yang akan diubah suai secara konsisten muncul sebagai anak awal elemen, anda boleh menggunakan kod berikut:

var your_div = document.getElementById("your_div");

var text_to_change = your_div.childNodes[0];

text_to_change.nodeValue = "new text";

Salin selepas log masuk

Dalam contoh ini, kami menganggap bahawa teks yang akan diubah suai ialah nod pertama dalam

unsur. Anda masih boleh memanfaatkan jQuery untuk memilih

elemen, dalam kes yang mana:

var your_div = $("your_div").get(0);

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk Mengubah Suai Teks Elemen Induk dalam jQuery Tanpa Menjejaskan Elemen Anak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn

Artikel sebelumnya：Pemalam Kod VS yang Lebih Baik daripada Klien Thunder Artikel seterusnya：Mengapa eval() Boleh Menjadi Musuh Terburuk Kod JavaScript Anda

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

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

2356

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

2489

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

2105

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...