So wählen Sie die ersten paar Elemente in jquery aus-Front-End-Fragen und Antworten-php.cn

So wählen Sie die ersten paar Elemente in jquery aus

WBOY

Freigeben： 2022-05-18 10:57:23

Original

2543 Leute haben es durchsucht

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)“)“.

So wählen Sie die ersten paar Elemente in jquery aus

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)")

Nach dem Login kopieren

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>

Nach dem Login kopieren

Ausgabeergebnis:

So wählen Sie die ersten paar Elemente in jquery aus

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!