Heim > Artikel > Web-Frontend > So wählen Sie die ersten paar Elemente in jquery aus
So wählen Sie die ersten paar Elemente in jquery aus
- WBOYOriginal
- 2022-05-18 10:57:232514Durchsuche
In jquery können Sie den Selektor „:lt()“ verwenden, um die ersten paar Elemente auszuwählen. Dieser Selektor wird verwendet, um Elemente auszuwählen, deren Indexwert kleiner als die angegebene Zahl ist. Dieser Selektor wird oft zusammen mit anderen Selektoren verwendet Wählen Sie das angegebene Element vor einer bestimmten Sequenznummer in der Kombination aus. Die Syntax lautet „$(“:lt(index)“)“.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
So wählen Sie die ersten paar Elemente mit jquery aus
: Der Selektor lt() wählt Elemente aus, deren Indexwert kleiner als die angegebene Zahl ist.
Indexwerte beginnen bei 0.
Die häufigste Verwendung: Wird mit anderen Selektoren verwendet, um Elemente vor einer bestimmten Sequenznummer in einer bestimmten Kombination auszuwählen (wie im obigen Beispiel).
Im Gegenteil, Sie können den :gt-Selektor verwenden, um Elemente auszuwählen, deren Indexwert größer als die angegebene Zahl ist.
Syntax
$(":lt(index)")Index erforderlich. Gibt die auszuwählenden Elemente an. Elemente, deren Indexwert kleiner als die angegebene Zahl ist, werden ausgewählt.
Das Beispiel lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("tr:lt(4)").css("background-color", "yellow");
});
</script>
</head>
<body>
<h1>欢迎来到我的主页</h1>
<table border="1">
<tr>
<th>序号</th>
<th>站点名</th>
<th>网址</th>
</tr>
<tr>
<td>1</td>
<td>Google</td>
<td>google.com</td>
</tr>
<tr>
<td>2</td>
<td>PHP</td>
<td>php.cn</td>
</tr>
<tr>
<td>3</td>
<td>Taobao</td>
<td>taobao.com</td>
</tr>
<tr>
<td>4</td>
<td>Baidu</td>
<td>baidu.com</td>
</tr>
<tr>
<td>5</td>
<td>Sina</td>
<td>sina.com.cn</td>
</tr>
<tr>
<td>6</td>
<td>Facebook</td>
<td>facebook.com</td>
</tr>
<tr>
<td>7</td>
<td>twitter</td>
<td>twitter.com</td>
</tr>
<tr>
<td>8</td>
<td>youtube</td>
<td>youtube.com</td>
</tr>
</table>
</body>
</html>Ausgabeergebnis:
Empfohlenes zugehöriges Video-Tutorial: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo wählen Sie die ersten paar Elemente in jquery aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!