jquery lt-Selektor
Übersetzungsergebnisse：
lt
abbr. Litauen Litauen
jquery lt-SelektorSyntax
Funktion: :lt-Selektor wählt Elemente mit einem Wert aus, der kleiner als der angegebene Index ist. Der Indexwert beginnt bei 0. Wird oft in Verbindung mit anderen Elementen/Selektoren verwendet, um Elemente vor einer bestimmten Nummer in einer bestimmten Gruppe auszuwählen (wie im obigen Beispiel).
Syntax: $(":lt(index)")
Parameter: index Erforderlich. Gibt die auszuwählenden Elemente an. Elemente, deren Indexwert kleiner als die angegebene Zahl ist, werden ausgewählt.
Hinweis: Bitte verwenden Sie den :gt-Selektor, um Elemente auszuwählen, deren Indexwert größer als die angegebene Zahl ist.
jquery lt-SelektorBeispiel
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("tr:lt(2)").css("background-color","#B2E0FF");
});
</script>
</head>
<body>
<html>
<body>
<h1>Welcome to My Web Page</h1>
<table>
<tr>
<th>Id</th>
<th>LastName</th>
<th>FirstName</th>
<th>Address</th>
<th>City</th>
</tr>
<tr>
<td>1</td>
<td>Adams</td>
<td>John</td>
<td>Oxford Street</td>
<td>London</td>
</tr>
<tr>
<td>2</td>
<td>Bush</td>
<td>George</td>
<td>Fifth Avenue</td>
<td>New York </td>
</tr>
<tr>
<td>3</td>
<td>Carter</td>
<td>Thomas</td>
<td>Changan Street</td>
<td>Beijing</td>
</tr>
<tr>
<td>4</td>
<td>Obama</td>
<td>Barack</td>
<td>Pennsylvania Avenue</td>
<td>Washington</td>
</tr>
</table>
</body>
</html>
</body>
</html>Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen