简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Kaedah operasi DOM jQuery unwrap()

Kita boleh menambah elemen induk yang dibalut pada elemen yang dipilih melalui kaedah balut. Sebaliknya, apakah yang perlu dilakukan jika elemen induk bagi elemen yang dipilih dipadamkan?

jQuery menyediakan kaedah unwarp(), yang bertentangan dengan kaedah bungkus. Mengalih keluar elemen induk daripada set elemen padanan, meninggalkan dirinya (dan adik-beradik, jika ada) dalam kedudukan asalnya.

Mari tulis contoh di bawah: 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <div>
        <p>元素</p>
    </div>

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

Rakan boleh menjalankannya secara setempat, dan kemudian tekan F12 dalam penyemak imbas untuk nyahpepijat, atau gunakan kekunci pintasan ctrl+shift+i, anda boleh Lihat itu teg div yang kami mula tulis telah dipadamkan

Sila ambil perhatian bahawa kami menggunakan kaedah alih keluar atau kosong untuk memadam sebelum ini. Ini akan memadamkan semua elemen di dalamnya, manakala kaedah buka bungkus hanya memadamkan nod induk, tetapi melakukannya tidak memadamkan nod anak. Kaedah ini agak mudah. ​​Anda boleh merujuk kes di atas

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <div> <p>元素</p> </div> <script> $("p").unwrap("<div></div>"); </script> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492108 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！