Suchen Sie die Seriennummer des Kindes bzw. einer bestimmten Klasse

Question

Wie kann ich eine Seriennummer eines Kindes bzw. zu einer bestimmten Klasse in div finden?

Zum Beispiel habe ich

<div> 
<div class="red">First</div> 
<div class="blue">Second</div> 
<div class="red">Third</div> 
</div> 

Wie kann ich herausfinden, dass div mit Text Third Sekunden div ist mit Klasse „rot“?

Answer 1

Um den Index innerhalb einer Sammlung zu erhalten, wenden Sie die Methode index() auf die Sammlung an und stellen Sie das Element als Argument zur Verfügung. Oder wenden Sie die Methode auf das jQuery-Elementobjekt an und stellen Sie den Auflistungsselektor als Argument der Methode bereit.

console.log(
 
    $('.red').index($('.red:contains(Third)')) + 1 
 
) 
 

 
// or the reverse 
 

 
console.log(
 
    $('.red:contains(Third)').index('.red') + 1 
 
)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <div class="red">First</div> 
 
    <div class="blue">Second</div> 
 
    <div class="red">Third</div> 
 
</div>

FYI: Sie müssen 1 mit dem Index hinzuzufügen, da Index von 0 beginnt.