Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menentukan sama ada tr dalam jadual dipilih dalam jquery

Bagaimana untuk menentukan sama ada tr dalam jadual dipilih dalam jquery

WBOY
WBOYasal
2021-12-01 12:06:392684semak imbas

Kaedah: 1. Gunakan kaedah klik() untuk mengikat acara klik pada elemen tr dan nyatakan fungsi pemprosesan acara; 2. Gunakan pernyataan "$(selector).index(element)" dalam fungsi pemprosesan acara untuk menentukan Hanya tentukan sama ada elemen dipilih dan keluarkan kedudukan elemen yang dipilih.

Bagaimana untuk menentukan sama ada tr dalam jadual dipilih dalam jquery

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

Bagaimanakah jquery menentukan sama ada elemen tr dalam jadual dipilih?

Kita boleh menggunakan kaedah klik() dan indeks() kaedah untuk menentukan sama ada elemen tr dipilih dipilih. Kaedah

klik() menunjukkan bahawa apabila elemen diklik, peristiwa klik akan berlaku. Klik berlaku apabila penuding tetikus diletakkan di atas elemen, dan kemudian butang kiri tetikus ditekan dan dilepaskan Kaedah klik() mencetuskan peristiwa klik, atau menentukan fungsi untuk dijalankan apabila peristiwa klik berlaku. Kaedah

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

Contohnya adalah seperti berikut:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
    var myRows = $(&#39;table tr&#39;).click(function(){
        alert(&#39;Row #&#39; +myRows.index(this));
    });
});
</script>
</head>
<body>
<table width="300" border="1" cellspacing="1" cellpadding="2">
  <tr>
    <td width="150">0-1</td>
    <td width="150">0-2</td>
  </tr>
  <tr>
    <td>1-1</td>
    <td>1-2</td>
  </tr>
  <tr>
    <td>2-1</td>
    <td>2-2</td>
  </tr>
  <tr>
    <td>3-1</td>
    <td>3-2</td>
  </tr>
  <tr>
    <td>4-1</td>
    <td>4-2</td>
  </tr>
</table>
</body>
</html>

Hasil keluaran:

Bagaimana untuk menentukan sama ada tr dalam jadual dipilih dalam jquery

Apabila baris pertama dipilih, hasil output ialah :

Bagaimana untuk menentukan sama ada tr dalam jadual dipilih dalam jquery

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menentukan sama ada tr dalam jadual dipilih 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