Jquery: Die Verwendung und Definition von eq(index)

Der :eq(index)-Selektor von

jQuery wird verwendet, um das Element mit dem angegebenen Index im passenden Element abzurufen und es in ein jQuery-Objekt und zurückschicken.

Hinweis: Der Unterschied zwischen dem

eq(index)-Selektor und dem :nth-child(n)-Selektor besteht darin, dass:

:eq(index)-Selektor nur mit einem Element übereinstimmt. und ist der Index + 1. Element unter allen übereinstimmenden Elementen (der Index beginnt bei 0); der Selektor
:nth-child(n) muss bestimmen, ob das übereinstimmende Element sein übergeordnetes Element ist. Das n-te Unterelement kann spezifisch sein Anforderungen (die Sequenznummer n beginnt bei 1), wenn ja, wird sie beibehalten, andernfalls wird sie verworfen.

Syntax

// 这里的selector表示具体的选择器
// 这里的index表示指定的索引值
jQuery( "selector:eq(index)" )

Parameter

1.8

Neuer -Unterstützungsparameterindex kann eine negative Zahl sein. Wenn der Index eine negative Zahl ist, wird er als Länge + Index betrachtet, wobei sich die Länge auf die Anzahl der übereinstimmenden Elemente bezieht (es kann auch als Zählen von hinten nach vorne verstanden werden).

Rückgabewert

Gibt ein jQuery-Objekt zurück, das das Element am angegebenen Indexindex im DOM-Element kapselt, das dem Selektor entspricht.

Wenn der Indexwert außerhalb des gültigen Bereichs liegt, wird ein leeres jQuery-Objekt zurückgegeben.

Beispiel und Beschreibung

Nehmen Sie den folgenden HTML-Code als Beispiel:

<p id="n1">
    <p id="n2">
        <ul id="n3">
            <li id="n4">item1</li>
            <li id="n5">item2</li>
            <li id="n6">item3</li>
        </ul>
    </p>
    <p id="n7">
        <ul id="n8">
            <li id="n9">item1</li>
            <li id="n10">item2</li>
        </ul>
    </p>
</p>

Wenn wir nun das zweite p-Tag finden möchten, können wir Folgendes schreiben jQuery-Code:

// 选择了id为n2的一个元素
$("p:eq(1)");

Als nächstes können Sie den folgenden jQuery-Code schreiben, um das vierte Element unter den Elementen zu erhalten, die mit dem ul li-Selektor übereinstimmen:

// 选择了id为n9的一个元素
$("ul li:eq(3)");

概述

匹配一个给定索引值的元素

参数

indexNumberV1.0

从 0 开始计数

描述:

查找第二行

HTML 代码:

<table> 
<tr>
<td>Header 1</td>
</tr> 
<tr>
<td>Value 1</td>
</tr> 
<tr>
<td>Value 2</td>
</tr> 
</table>

jQuery 代码:

$("tr:eq(1)")

结果:

[ <tr><td>Value 1</td></tr> ]

Das obige ist der detaillierte Inhalt vonJquery: Die Verwendung und Definition von eq(index). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!