Bagaimana untuk menentukan nombor mana yang dipilih dalam jquery

WBOY
Lepaskan: 2022-01-10 16:38:31
asal
1892 orang telah melayarinya

Dalam jquery, anda boleh menggunakan kaedah index() untuk menentukan elemen yang dipilih ialah kaedah ini digunakan untuk mengembalikan kedudukan indeks elemen yang ditentukan berbanding dengan elemen lain yang ditentukan elemen objek.indeks (ini)".

Bagaimana untuk menentukan nombor mana yang dipilih dalam jquery

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

Bagaimanakah jquery menentukan nombor mana yang dipilih?

Andaikan terdapat kod HTML berikut: jQuery menentukan elemen mana elemen semasa

<ul>
    <li>jQuery判断当前元素是第几个元素示例</li>
    <li>jQuery获取第N个元素示例</li>
    <li>jQuery选择器示例</li></ul>
Salin selepas log masuk
Jika kami mengklik mana-mana teg li dan ingin mengetahui teg li mana yang sedang diklik, kami boleh menggunakan kod berikut:

Sebagai contoh, dalam kod jQuery di atas, jika anda klik pada yang pertama, ia akan menggesa "0", jika ia adalah tag li kedua, ia akan menggesa "1". Kaedah

$("ul li").click(function () {
    var index = $("ul li").index(this);
    alert(index);
 });
Salin selepas log masuk
index() mengembalikan kedudukan indeks elemen yang ditentukan berbanding dengan elemen lain yang ditentukan.

Elemen ini boleh ditentukan melalui pemilih jQuery atau elemen DOM.

Nota: index() akan mengembalikan -1 jika elemen tidak ditemui.

Tutorial video berkaitan yang disyorkan:

Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menentukan nombor mana yang dipilih dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan