Rumah  >  Artikel  >  hujung hadapan web  >  Adakah terdapat kaedah indeks dalam jquery?

Adakah terdapat kaedah indeks dalam jquery?

WBOY
WBOYasal
2022-05-09 15:12:061850semak imbas

Terdapat kaedah indeks dalam jquery; kaedah ini digunakan untuk mengembalikan kedudukan indeks elemen tertentu berbanding elemen lain yang ditentukan, atau untuk mendapatkan kedudukan indeks elemen berbanding dengan pemilih "$(selector).index() ” atau “$(selector).index(elemen)”.

Adakah terdapat kaedah indeks dalam jquery?

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

Adakah terdapat kaedah indeks dalam jquery?

Adakah terdapat kaedah indeks dalam jquery?

Kaedah indeks() mengembalikan kedudukan indeks bagi elemen yang ditentukan berbanding dengan unsur-unsur lain yang ditentukan.

Elemen ini boleh ditentukan melalui pemilih jQuery atau elemen DOM.

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

Indeks unsur padanan pertama berbanding unsur adik-beradiknya.

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

Sintaks

$(selector).index()

Indeks unsur relatif kepada pemilih.

Dapatkan kedudukan indeks elemen berbanding dengan pemilih.

Elemen ini boleh ditentukan melalui elemen DOM atau pemilih jQuery.

Sintaks

$(selector).index(element)

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>

Hasil output:

Adakah terdapat kaedah indeks dalam jquery?

Apabila anda mengklik susu, hasil yang dipaparkan ialah:

Adakah terdapat kaedah indeks dalam jquery?

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

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

Kenyataan:
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