Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2021-12-01 12:06:39
Original
2667 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!