kaedah indeks jquery

jQuery ialah perpustakaan JavaScript popular yang menyediakan banyak kaedah mudah untuk mengendalikan operasi seperti DOM, acara dan AJAX. Dalam salah satu kaedah, jQuery menyediakan kaedah indexOf(), yang boleh digunakan untuk mencari kedudukan elemen padanan dalam elemen induk. Dalam artikel ini, kami akan memperincikan penggunaan dan contoh kaedah jQuery indexOf().

Kaedah jQuery.indexOf() ialah kaedah objek jQuery, yang digunakan untuk mencari kedudukan elemen dalam elemen induknya. Berikut ialah sintaks asas untuk menggunakan kaedah jQuery.indexOf():

$(selector).index(elemen)

Di sini, pemilih ialah pemilih jQuery, dan elemen ialah elemen objek yang perlu dicari atau ungkapan pemilih. Jika parameter elemen tidak ditentukan, mengembalikan kedudukan elemen padanan pertama dalam elemen induknya, sebaliknya mengembalikan kedudukan elemen yang ditentukan dalam elemen induknya. Sila ambil perhatian bahawa nilai indeks bermula dari 0.

Mari kita lihat beberapa contoh kaedah jQuery.indexOf():

Contoh 1:

Dalam contoh berikut, kita dapati padanan dalam senarai tidak diisih Kedudukan unsur tersebut.

Kod HTML:

• apple


• banana


• jingga

Kod JavaScript:

var index = $('li').index($('li:contains("banana"" )'));
console.log(index);

Hasil keluaran: 1
// Kedudukan elemen 'pisang' dalam senarai ialah 1 (mengira dari 0)

Contoh 2:

Dalam contoh berikut, kita akan mencari kedudukan elemen padanan pertama dalam elemen induk.

Kod HTML:

Kod JavaScript:

var indeks = $('.parent').index($(' .parent > span:first'));
console.log(index);

Hasil keluaran: 0
// Kedudukan elemen span pertama dalam elemen induk ialah 0 ( mengira daripada 0)

Contoh 3:

Dalam contoh berikut, kita akan mencari kedudukan elemen padanan kedua dalam elemen induk.

Kod HTML:

Kod JavaScript:

var indeks = $('.parent').index($(' .parent > span:eq(1)'));
console.log(index);

Hasil keluaran: 1
// Elemen span kedua dalam elemen induk Kedudukan ialah 1 (pengiraan bermula dari 0)

Contoh 4:

Kaedah jQuery.indexOf() juga boleh digunakan untuk mencari kedudukan elemen dalam objek jQuery.

Kod HTML:

• apple


• banana


• oren

Kod JavaScript:

var $list = $('li');
var index = $list.index( $list.filter(':contains("banana")'));
console.log(index);

Hasil keluaran: 1
// elemen 'banana' dalam objek jQuery The kedudukan ialah 1 (pengiraan bermula dari 0)

Ringkasan:

Kaedah jQuery.indexOf() ialah kaedah yang sangat praktikal dalam perpustakaan jQuery, yang boleh mencari elemen dengan mudah dalam Kedudukan induk dalam elemen atau objek jQuery. Melalui contoh yang disediakan dalam artikel ini, kita dapat melihat kesederhanaan dan kemudahan menggunakan kaedah indexOf(). Cuba kaedah ini pada projek jQuery anda yang seterusnya, ia akan menjimatkan banyak masa dan usaha anda.

Atas ialah kandungan terperinci kaedah indeks jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!