Bagaimana untuk menggunakan jQuery untuk mencari elemen yang atribut namanya tidak kosong?

Bagaimana untuk menggunakan jQuery untuk mencari elemen yang atribut namanya tidak kosong?

Apabila menulis halaman web, anda selalunya perlu mengendalikan elemen halaman web, dan kadangkala anda perlu menapis elemen tertentu berdasarkan atributnya. Apabila menggunakan jQuery, kita boleh mencari elemen yang memenuhi syarat dengan mudah melalui pemilih. Artikel ini akan memperincikan cara menggunakan jQuery untuk mencari elemen dengan atribut khusus, bersama dengan contoh kod.

Pertama, kami perlu menjelaskan keperluan kami: cari elemen yang atribut namanya tidak kosong. Seterusnya, kita boleh menggunakan pemilih atribut jQuery untuk menyelesaikan tugas ini. Pemilih atribut diwakili oleh kurungan segi empat sama [], dan elemen boleh ditemui dengan menentukan atribut dan nilai sepadannya dalam kurungan segi empat sama.

Contoh kod khusus adalah seperti berikut:

<!-- HTML结构 -->
<div name="test1">元素1</div>
<div name="">元素2</div>
<div>元素3</div>
<div name="test2">元素4</div>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    // 使用属性选择器查找name属性不为空的元素
    var elementsWithName = $('[name]:not([name=""])');
    
    // 遍历找到的元素并输出其内容
    elementsWithName.each(function(){
        console.log($(this).text());
    });
});
</script>

Dalam kod di atas, kami mula-mula mentakrifkan struktur HTML yang mengandungi empat elemen div, beberapa daripadanya mempunyai atribut nama. Kemudian bawa masuk perpustakaan jQuery dan laksanakan kod selepas dokumen siap. Dalam kod, kami menggunakan pemilih atribut [name]:not([name=""]) untuk mencari elemen dengan atribut nama dan atribut nama tidak kosong, dan menyimpannya dalam elemenWithName. [name]:not([name=""])来找到具有name属性且name属性不为空的元素，并将其存储在elementsWithName变量中。

接着，我们使用each方法遍历这些元素，并通过$(this).text()获取每个元素的文本内容，最后通过console.log

Seterusnya, kami menggunakan kaedah setiap untuk merentasi elemen ini dan mendapatkan kandungan teks setiap elemen melalui $(this).text(), dan akhirnya melalui console .logOutput ke konsol.

Melalui contoh kod di atas, kami berjaya menggunakan jQuery untuk mencari elemen dengan atribut nama yang tidak kosong, dan boleh terus mengendalikan elemen ini untuk mencapai keperluan kami. Fungsi pemilih jQuery berkuasa dan fleksibel, yang boleh membantu kami mencari dengan cepat dan tepat unsur-unsur yang perlu dikendalikan dan meningkatkan kecekapan pembangunan. 🎜

Atas ialah kandungan terperinci Bagaimana untuk menggunakan jQuery untuk mencari elemen yang atribut namanya tidak kosong?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!