Wie bestimmt JQuery, welche Zeile tr ist?-Front-End-Fragen und Antworten-php.cn

Wie bestimmt JQuery, welche Zeile tr ist?

WBOY

Freigeben： 2022-09-08 17:40:54

Original

1922 Leute haben es durchsucht

In jquery können Sie die Methode index() verwenden, um zu bestimmen, um welche Zeile es sich bei dem angegebenen tr-Element handelt. Diese Methode kann die Indexposition des angegebenen Elements relativ zu anderen angegebenen Elementen zurückgeben. Sie müssen nur eines zum zurückgegebenen Index hinzufügen Zu erhaltende Positionsnummer Hiermit wird die Anzahl der Zeilen von tr angegeben. Die Syntax lautet „$(“table tr“).click(function() {var col = $(this).index() + 1;.. .});".

Wie bestimmt JQuery, welche Zeile tr ist?

Die Betriebsumgebung dieses Artikels: Windows 10-System, JQuery-Version 3.6.1, Dell G3-Computer.

Wie bestimmt jquery, welche Zeile tr ist? Die Methode index() gibt die Indexposition des angegebenen Elements relativ zu anderen angegebenen Elementen zurück.

Diese Elemente können über jQuery-Selektoren oder DOM-Elemente angegeben werden.

Hinweis: Wenn das Element nicht gefunden wird, gibt index() -1 zurück.

Der Index des ersten passenden Elements relativ zu seinen Geschwisterelementen.

Ermitteln Sie die Indexposition des ersten passenden Elements relativ zu seinen Geschwisterelementen.

Syntax

$(selector).index()

Nach dem Login kopieren

Der Index des Elements relativ zum Selektor

Ermitteln Sie die Indexposition des Elements relativ zum Selektor.

Dieses Element kann über ein DOM-Element oder einen jQuery-Selektor angegeben werden.

Grammatik

$(selector).index(element)

Nach dem Login kopieren

Das Beispiel lautet wie folgt:

<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+"行")
    });
}); 
</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>

Nach dem Login kopieren

Ausgabeergebnis:

Wie bestimmt JQuery, welche Zeile tr ist? Verwandte Tutorial-Empfehlung:

jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWie bestimmt JQuery, welche Zeile tr ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!