Bagaimana untuk menanyakan nombor tr unsur semasa dalam jquery

WBOY
Lepaskan: 2021-12-13 15:12:05
asal
3710 orang telah melayarinya

Kaedah: 1. Gunakan pernyataan "$(this)" dan kaedah index() untuk mendapatkan kedudukan indeks unsur tr semasa, dan kemudian dapatkan nombor elemen semasa Sintaksnya ialah ". $(this).index( ) 1;"; 2. Gunakan kaedah alert() untuk mengeluarkan nombor kedudukan elemen semasa yang diperolehi.

Bagaimana untuk menanyakan nombor tr unsur semasa dalam jquery

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

Bagaimanakah jquery menanyakan nombor tr unsur semasa?

Kita boleh menggunakan kaedah indeks() untuk menanyakan nombor tr bagi unsur semasa. Kaedah

index() mengembalikan kedudukan indeks elemen yang ditentukan berbanding dengan elemen lain yang ditentukan.

Elemen ini boleh ditentukan melalui pemilih jQuery atau elemen DOM.

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

Contohnya adalah seperti berikut:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
    $("table tr").click(function() {
        var col = $(this).index() + 1; // 列位置
        alert("当前位置:第"+col+"个tr")
    });
}); 
</script>
</head>
<body>
<table id = "test" border="1">
    <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
    <tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
    <tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
    <tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
</table>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menanyakan nombor tr unsur semasa dalam jquery

Apabila anda mengklik pada baris kedua elemen, hasil output ialah:

Bagaimana untuk menanyakan nombor tr unsur semasa dalam jquery

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menanyakan nombor tr unsur semasa 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