Rumah > Artikel > hujung hadapan web > Bagaimana untuk menggantikan nod dengan jquery
Cara menggantikan nod dalam jquery: 1. Gunakan replaceWith(), sintaks "$(A).replaceWith(B)", dan nod B boleh digunakan untuk menggantikan nod A 2. Use replaceAll(), sintaks "$ (A).replaceAll(B)", nod A boleh digunakan untuk menggantikan nod B.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
Dalam jQuery, jika kita ingin menggantikan elemen nod, kita menggunakan kaedah replaceWith() dan kaedah replaceAll() untuk mencapainya.
Kaedah 1: Gunakan replaceWith()
Dalam jQuery, kita boleh menggunakan kaedah replaceWith() untuk menggantikan elemen yang dipilih dengan elemen lain.
Sintaks:
$(A).replaceWith(B)
bermaksud menggantikan A dengan B. Nota: Kedua-dua A dan B mesti mengandungi tag HTML
Contoh:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function() { $("button").click(function() { $("p").replaceWith("<div><b>Hello world!</b></div>") }) }) </script> </head> <body> <p>这是一个段落。</p> <p>这是另一个段落。</p> <br><button>将p节点替换为div节点</button> </body> </html>
Kaedah 2: Gunakan replaceAll()
Dalam jQuery, walaupun kedua-dua kaedah replaceAll() dan replaceWith() mempunyai fungsi yang sama, kedua-duanya menggantikan elemen dengan elemen lain, tetapi objek operasinya diterbalikkan.
Sintaks
$(A).replaceAll(B)
bermaksud menggantikan B dengan A.
Contoh:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function() { $("button").click(function() { $("<div style='color:red;'>Hello world!</div>").replaceAll("p"); }) }) </script> </head> <body> <p>这是一个段落。</p> <p>这是另一个段落。</p> <br><button>将p节点替换为div节点</button> </body> </html>
[Pembelajaran yang disyorkan: tutorial video jQuery, bahagian hadapan web video】
Atas ialah kandungan terperinci Bagaimana untuk menggantikan nod dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!