jQuery DOM operasi wrapAll()

wrap adalah untuk pemprosesan elemen DOM tunggal Jika anda ingin membalut elemen dalam koleksi dengan elemen lain, iaitu menambah elemen induk padanya, JQuery menyediakan kaedah wrapAll

wrapAll(wrappingElement): Tambahkan struktur HTML pembalut luar pada elemen padanan dalam koleksi

Mari tulis contoh di bawah

Lihat kod berikut:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>wrapALL</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <p>php 中文网</p>
    <p>php.cn</p>

    <script>
        $("p").wrapAll("<div></div>");
    </script>
</body>
</html>

Di atas kod, Anda boleh nyahpepijat secara setempat dan tekan F12 untuk melihat Kami dapat melihat bahawa dua tag p dibalut oleh tag div

bahagian seterusnya

fail baharu

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>wrapALL</title>
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
	<p>php 中文网</p>
	<p>php.cn</p>

	<script>
		$("p").wrapAll("<div></div>");
	</script>
</body>
</html>

serahkan Tetapkan Semula Kod

Operasi automatik

Skrin penuh