Bolehkah jquery mengesan sama ada terdapat unsur adik beradik?-Soal Jawab bahagian hadapan-php.cn

Bolehkah jquery mengesan sama ada terdapat unsur adik beradik?

青灯夜游

Lepaskan： 2022-06-08 17:15:38

asal

1819 orang telah melayarinya

boleh dikesan. Kaedah pengesanan: 1. Gunakan pernyataan "elemen yang ditentukan.siblings()" untuk mendapatkan semua elemen adik-beradik bagi elemen yang ditentukan, yang akan mengembalikan objek jquery yang mengandungi unsur adik-beradik 2. Gunakan pernyataan "objek.length==0". untuk menentukan bilangan unsur adik beradik sama ada nombor itu 0, jika 0, tiada unsur adik beradik, sebaliknya ada.

Bolehkah jquery mengesan sama ada terdapat unsur adik beradik?

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.2.1, komputer Dell G3.

Gunakan jquery untuk menyemak sama ada elemen yang ditentukan mempunyai unsur adik beradik.

Kaedah penyemakan:

1. Gunakan siblings() untuk mendapatkan semua elemen adik-beradik bagi elemen yang dinyatakan

1	`指定元素.siblings()`

Salin selepas log masuk

Akan mengembalikan objek jquery yang mengandungi elemen adik beradik.

2. Gunakan atribut panjang untuk mendapatkan panjang objek jquery

Panjang yang diperolehi oleh atribut panjang ialah bilangan elemen adik beradik

1	`jquery对象.length==0`

Salin selepas log masuk

Jika bilangan unsur adik beradik ialah 0, tiada unsur adik beradik
Jika nombor itu tidak sama dengan 0, terdapat unsur adik beradik

Contoh:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style>
            .siblings,.siblings *{ 
                display: block;
                border: 2px solid lightgrey;
                color: lightgrey;
                padding: 5px;
                margin: 15px;
            }
        </style>
        <script src="js/jquery-3.2.1.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("button").click(function() {
                    var len=$("h2").siblings().length;
                    if(len==0){
                        console.log("h2没有同胞元素"); 
                    }else{
                        console.log("h2有同胞元素，其个数为："+len); 
                    }
     
                });
            });
        </script>
    </head>
    <body>
        <div class="siblings">div (父)
            <p>p（兄弟元素）</p>
            <span>span（兄弟元素）</span>
            <h2>h2（本元素）</h2>
            <h3>h3（兄弟元素）</h3>
            <p>p（兄弟元素）</p>
        </div>
        <button>检测h2是否有同胞元素</button>
    </body>
</html>

Salin selepas log masuk

Bolehkah jquery mengesan sama ada terdapat unsur adik beradik?

[Pembelajaran yang disyorkan:

tutorial video jQuery, depan web -tamat video]

Atas ialah kandungan terperinci Bolehkah jquery mengesan sama ada terdapat unsur adik beradik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!