Lösen Sie das Problem der Jquery-Selektoren :lt(index) und :gt(index)).-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

Lösen Sie das Problem der Jquery-Selektoren :lt(index) und :gt(index)).

Jun 23, 2017 am 10:44 AM

index jquery 出现选择器

Testfrage:

$(document).ready(function(){
    $(&quot;tr:gt(0):lt(2)&quot;).css(&quot;background-color&quot;,&quot;#B2E0FF&quot;);
});

Nach dem Login kopieren

Wenn die Positionen von gt() und lt() vertauscht werden, sind die angezeigten Ergebnisse unterschiedlich! ~
LT() voranzustellen ist das Ergebnis, das ich will, aber gt() voranzustellen ist eine Falle.
Der folgende Code stammt von w3cshool. Mein Projekt jquery1.8.2.js hat ebenfalls ähnliche Probleme.
Ich freue mich darauf, dass der Meister den Grund dafür erklärt. .

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript"> 
  
$(document).ready(function(){
    $(&quot;tr:gt(0):lt(2)&quot;).css(&quot;background-color&quot;,&quot;#B2E0FF&quot;);
});
</script>   
  
</head>
<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>

Nach dem Login kopieren

:gt(n) Alle Elemente mit Sequenznummern größer als n
:lt(n) Alle Elemente mit Sequenznummern kleiner als n
:gt(0):lt(2 ) bedeutet 1, Element Nr. 2
:lt(2):gt(0) bedeutet Element Nr. 1

Ja, :gt(0):lt(2) kann als 0< verstanden werden. index <= 2, :lt(2):gt(0) ist 0< index < Ist das ein Fehler?

a,b,c,d,e
:gt(0) erhält
b,c,d,e
:lt(2) erhält
b,c

Der Selektor filtert Schritt für Schritt nach unten, und jeder Filterschritt wird anhand der Ergebnisse des vorherigen Schritts durchgeführt

a,b,c,d,e
:gt( 0) Holen Sie sich
b,c,d,e
:lt(2) Holen Sie sich
b,c

Der Selektor wird Schritt für Schritt gefiltert, und die Filterung wird bei jedem Schritt durchgeführt Ergebnisse des vorherigen Schritts

Das obige ist der detaillierte Inhalt vonLösen Sie das Problem der Jquery-Selektoren :lt(index) und :gt(index)).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn