Rumah > Artikel > hujung hadapan web > Tentukan kedudukan indeks elemen dalam elemen induk menggunakan acara klik jQuery
Tentukan kedudukan indeks elemen dalam elemen induk menggunakan acara klik jQuery
- 王林asal
- 2024-02-25 18:00:22551semak imbas
Maaf, saya tidak dapat memberikan contoh kod. Walau bagaimanapun, saya boleh menerangkan secara ringkas cara menggunakan jQuery untuk melaksanakan acara klik untuk mendapatkan susunan kedudukan elemen semasa.
Mula-mula, kita perlu memperkenalkan perpustakaan jQuery ke dalam fail HTML, dan kemudian kita boleh menggunakan kod berikut untuk mendapatkan susunan kedudukan elemen semasa:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tentukan kedudukan indeks elemen dalam elemen induk menggunakan acara klik jQuery</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<script>
$(document).ready(function(){
$("div").click(function(){
var index = $(this).index();
console.log("当前元素的位置顺序是：" + index);
});
});
</script>
</body>
</html>Dalam kod di atas, kita mempunyai tiga elemen div pada halaman . Apabila div diklik elemen, peristiwa klik akan dicetuskan, dan urutan kedudukan akan dikeluarkan kepada konsol melalui kaedah $(this).index()来获取当前元素在其父元素中的位置索引，然后通过console.log().
Semoga contoh mudah ini dapat membantu anda memahami cara menggunakan jQuery untuk mendapatkan susunan kedudukan elemen semasa.
Atas ialah kandungan terperinci Tentukan kedudukan indeks elemen dalam elemen induk menggunakan acara klik jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!