Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah kegunaan indeks dalam jquery

Apakah kegunaan indeks dalam jquery

WBOY
Lepaskan: 2022-05-16 21:00:13
asal
3536 orang telah melayarinya

Dalam jquery, kaedah index() digunakan untuk mengembalikan kedudukan indeks elemen tertentu berbanding dengan elemen lain yang ditentukan boleh ditentukan melalui pemilih jquery dan elemen DOM Jika elemen yang ditentukan tidak dijumpai. kaedah ini mengembalikan Hasilnya ialah "-1" dan sintaksnya ialah "objek elemen.index()".

Apakah kegunaan indeks dalam jquery

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

Apakah penggunaan indeks dalam jquery?

Kaedah indeks() 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.

Dapatkan kedudukan indeks unsur padanan pertama berbanding unsur adik-beradiknya.

Sintaks

$(selector).index()
Salin selepas log masuk

Dapatkan kedudukan indeks elemen berbanding dengan pemilih.

Elemen ini boleh ditentukan melalui elemen DOM atau pemilih jQuery.

Sintaks

$(selector).index(element)
Salin selepas log masuk

Contoh adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("li").click(function(){
alert($(this).index());
});
});
</script>
</head>
<body>
<p>点击获取列表项的索引位置,相对于它的兄弟元素</p>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

Apakah kegunaan indeks dalam jquery

Klik Hasil keluaran elemen li pertama ialah:

Apakah kegunaan indeks dalam jquery

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Apakah kegunaan indeks 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