Pencarian jQuery - Metode not()

Panduan Perulangan jQuery

Contoh

Menghapus paragraf dengan id "selected" dari kumpulan paragraf yang berisi semua paragraf:

$("p").not("#selected")

Coba sendiri

Definisi dan penggunaan

not() Menghapus elemen dari kumpulan elemen yang disesuaikan.

Gramma 1

.not(selector)
Paramater Deskripsi
selector Nilai string, berisi ekspresi pemilihan untuk menggabungkan elemen.

Gramma 2

.not(element)
Paramater Deskripsi
element Satu atau beberapa elemen DOM yang harus dihapus dari kumpulan yang disesuaikan.

Gramma 3

.not(function(index))
Paramater Deskripsi
function(index) Fungsi untuk menguji setiap elemen dalam kumpulan. this adalah elemen DOM saat ini.

Penjelasan detil

Jika diberikan objek jQuery yang mewakili kumpulan elemen DOM, metode .not() akan membangun objek jQuery baru dari subset elemen yang disesuaikan. Pemilihan yang diterapkan akan menguji setiap elemen; elemen yang tidak cocok dengan pemilihan akan disertakan dalam hasil.

Berpikir tentang halaman di bawah ini yang memiliki daftar sederhana:

<ul>
  <li>item daftar 1</li>
  <li>item daftar 2</li>
  <li>item daftar 3</li>
  <li>item daftar 4</li>
  <li>item daftar 5</li>
</ul>

Kita dapat menerapkan metode ini ke kumpulan item daftar:

$('li').not(':even').css('background-color', 'red');

Coba sendiri

Hasil panggilan ini akan mengatur latar belakang warna proyek 2 dan 4 menjadi merah, karena mereka tidak cocok dengan pemilihan (ingatlah, :even dan :odd menggunakan indeks dasar 0).

Hapus elemen spesifik

Versi kedua metode .not() memungkinkan kita untuk menghapus elemen dari kumpulan yang disesuaikan, asumsikan bahwa elemen-elemen tersebut sudah ditemukan melalui cara lain sebelumnya. Contohnya,设想一个列表已经将 id 应用到其中一个项目中：

<ul>
  <li>item daftar 1</li>
  <li>item daftar 2</li>
  <li id="notli">item daftar 3</li>
  <li>item daftar 4</li>
  <li>item daftar 5</li>
</ul>

Kita dapat menggunakan fungsi JavaScript asli getElementById() untuk membaca item daftar ketiga, lalu menghapusnya dari objek jQuery:

$('li').not(document.getElementById('notli')).css('background-color', 'red');

Coba sendiri

Perintah ini mengubah warna latar belakang proyek 1, 2, 3, dan 5. Kita dapat menyelesaikan hal yang sama dengan ekspresi jQuery yang lebih sederhana, tetapi teknik ini sangat berguna ketika lainnya menyediakan referensi DOM untuk elemen yang bersifat dasar.

Untuk jQuery 1.4, metode .not() dapat menerima fungsi sebagai parameternya, sama seperti metode .filter(). Elemen yang mengembalikan true akan dihapus dari set filter; semua elemen lainnya akan disertakan.

Panduan Perulangan jQuery