So ermitteln Sie, ob tr in der Tabelle in jquery ausgewählt ist-js-Tutorial-php.cn

So ermitteln Sie, ob tr in der Tabelle in jquery ausgewählt ist

WBOY

Freigeben： 2021-12-01 12:06:39

Original

2702 Leute haben es durchsucht

Methode: 1. Verwenden Sie die Methode click(), um ein Klickereignis an das tr-Element zu binden und eine Ereignisverarbeitungsfunktion anzugeben. 2. Verwenden Sie die Anweisung „$(selector).index(element)“ in der Ereignisverarbeitungsfunktion Bestimmen Sie, ob das angegebene Element vorhanden ist. Wählen Sie einfach die Position des ausgewählten Elements aus und geben Sie sie aus.

So ermitteln Sie, ob tr in der Tabelle in jquery ausgewählt ist

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, Dell G3-Computer.

Wie bestimmt jquery, ob tr in der Tabelle ausgewählt ist?

Wir können die click()-Methode und die index()-Methode verwenden, um zu bestimmen, ob das tr-Element ausgewählt ist. Die Methode

click() bedeutet, dass beim Klicken auf ein Element das Klickereignis auftritt. Ein Klick erfolgt, wenn der Mauszeiger über einem Element ruht und dann die linke Maustaste gedrückt und losgelassen wird. Die Methode click() löst das Klickereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn das Klickereignis auftritt. Die Methode

index() gibt die Indexposition des angegebenen Elements relativ zu anderen angegebenen Elementen zurück.

Das Beispiel sieht wie folgt aus:

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

Nach dem Login kopieren

Ausgabeergebnis:

So ermitteln Sie, ob tr in der Tabelle in jquery ausgewählt ist

Wenn die erste Zeile ausgewählt ist, lautet das Ausgabeergebnis:

So ermitteln Sie, ob tr in der Tabelle in jquery ausgewählt ist

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob tr in der Tabelle in jquery ausgewählt ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!