penapis atribut jquery tidak mengandungi

Apabila belajar dan menggunakan jQuery, pemilih atribut ialah jenis pemilih yang sangat penting. Pemilih atribut boleh menapis elemen berdasarkan nilai atribut mereka yang biasa termasuk sama dengan, tidak sama dengan, mengandungi dan tidak mengandungi.

Walau bagaimanapun, antara penapis atribut, penapis kecualikan nampaknya tidak digunakan seperti biasa digunakan seperti penapis atribut lain. Penapis kecualikan ialah penapis yang agak kompleks yang memerlukan kami memasukkan pemilih khusus untuk ditapis. Dalam artikel ini, kami akan meneroka penapis pengecualian dalam jQuery dan penggunaannya.

1. Sintaks yang tidak termasuk penapis atribut

Sintaks penapis atribut yang tidak disertakan adalah serupa dengan sintaks penapis atribut lain, tetapi anda perlu menggunakan titik bertindih: dalam kurungan segi empat sama. Bentuk amnya adalah seperti berikut:

$('selector:not([attribute!=value])');

Pemilih ini menggunakan kaedah not(), yang membalut penapis dan mengecualikan semua elemen yang memuaskan pemilih. Kita boleh menggunakan satu atau lebih sifat, nilai dan pengendali dalam kurungan segi empat sama.

Jika kami tidak mahu elemen sepadan dengan nilai atribut tertentu, kami boleh menggunakan penapis kecualikan. Gunakan tanda seru ! dalam kurungan segi empat sama, diikuti dengan tanda sama dengan =. Dalam petikan selepas tanda sama, kita boleh menulis nilai atribut yang kita tidak mahu padankan.

2. Penggunaan penapis atribut tidak mengandungi

Untuk lebih memahami penapis atribut tidak mengandungi, mari kita lihat beberapa contoh khusus.

Kami mempunyai kod HTML berikut:

    <div class="example" data-value="9"></div>
    <div class="example" data-value="10"></div>
    <div class="example" data-value="12"></div>

Sekarang, kami mahu memilih hanya elemen yang atribut nilai datanya tidak mengandungi "5" antara elemen ini. Kita boleh melakukan ini menggunakan kod berikut:

$('.example:not([data-value="5"])');

Ini akan mengembalikan kepada kita tiga elemen dengan atribut nilai data 9, 10 dan 12. Ini kerana 5 ialah nilai atribut yang kita tidak mahu dan kaedah not() menyongsangkan hasil yang dipadankan dan mengembalikan elemen yang kita inginkan.

Seterusnya, kami boleh melanjutkan pemilih ini dengan atribut dan pengendali lain. Sebagai contoh, kita boleh menggunakan operator < untuk memilih elemen dengan atribut nilai data kurang daripada sepuluh:

$('.example:not([data-value<"10"])');

Ini memilih elemen dengan atribut nilai data 9 dan 5, manakala Jangan pilih 10 dan 12.

3. Ringkasan

Penapis tanpa atribut ialah pemilih yang sangat berguna, yang boleh membantu kami menulis kod dengan cepat untuk menapis elemen yang kami inginkan. Walaupun ia agak rumit, selagi anda memahami sintaks dan penggunaan asas, anda boleh memanfaatkan kuasanya untuk menjadikan kod anda lebih ringkas dan lebih mudah dibaca.

Sebelum menulis mana-mana pemilih jQuery, pastikan anda memahami sintaks dan penggunaan sepenuhnya, dan uji kod anda untuk memastikan ia berfungsi dengan betul. Terima kasih kerana membaca artikel ini, kami berharap ia akan membantu semasa menulis kod jQuery.

Atas ialah kandungan terperinci penapis atribut jquery tidak mengandungi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!