jQuery Ermitteln Sie, ob eine übereinstimmende Klasse eine bestimmte ID hat

Backen Sie die Logik in den Selektor durch die Kombination mehrerer Selektoren. Wir könnten zum Beispiel Ziel alle Elemente mit einer bestimmten id, dass auch eine bestimmte Klasse:

$("#foo.bar"); //Matches <div id="foo" class="bar">

Dies sollte ähnlich Aussehen wie etwas, was du schreiben würdest, in CSS. Beachten Sie, dass es nicht für alle gelten #foo Elemente (obwohl es sollte nur eins sein), und gilt dies nicht für alle .bar Elemente (obwohl es viele). Es wird nur die Referenz Elemente, die sich auf beide Attribute.

jQuery hat auch eine große .ist Methodemit der Ihr bestimmen, ob ein element hat bestimmte Eigenschaften. Sie können testen, einer jQuery-collection gegen eine string-Selektor, der ein HTML-Element, oder ein anderes jQuery-Objekt. In diesem Fall werden wir prüfen, es gegen ein string selector:

$(".bar:first").is("#foo"); //TRUE if first '.bar' in document is also '#foo'

InformationsquelleAutor der Antwort Sampson

Lassen Sie uns sagen, dass Sie sind, Durchlaufen einige DOM-Objekte, und Sie wollen zu finden und zu fangen ein element mit einer bestimmten ID

<div id="myDiv">
    <div id="fo"><div>
    <div id="bar"><div>
</div>

Können Sie entweder so etwas schreiben zu finden

$('#myDiv').find('#bar')

Beachten Sie, dass wenn Sie verwenden ein class-Selektor, die find-Methode gibt alle der übereinstimmenden Elemente.

oder Sie schreiben eine Iteration der Funktion, die die weiterführende Arbeit

<div id="myDiv">
    <div id="fo"><div>
    <div id="bar"><div>
    <div id="fo1"><div>
    <div id="bar1"><div>
    <div id="fo2"><div>
    <div id="bar2"><div>
</div>

$('#myDiv div').each(function() {
   if($(this).attr('id') == 'bar1')
       //do something with bar1
});

Gleichen code kann problemlos geändert werden, für die Klassen-Selektor.

<div id="myDiv">
    <div class="fo"><div>
    <div class="bar"><div>
    <div class="fo"><div>
    <div class="bar"><div>
    <div class="fo"><div>
    <div class="bar"><div>
</div>

$('#myDiv div').each(function() {
   if($(this).hasClass('bar'))
       //do something with bar
});

Ich bin froh, dass du dein problem gelöst mit index(), was auch immer für Sie arbeitet.Ich hoffe das hilft anderen mit dem gleichen problem. Prost 🙂

InformationsquelleAutor der Antwort Nima Foladi

Nur sagen, dass ich letztendlich das Problem gelöst mit index().

NICHTS anderes schien zu funktionieren.

Damit für Geschwister-Elemente ist dies ein guter work-around, wenn Sie sind die erste Auswahl durch eine gemeinsame Klasse und wollen dann ändern Sie etwas anders für jede spezifische.

EDIT: für diejenigen, die nicht wissen (wie ich) - index() gibt ein index-Wert für jedes element, das entspricht dem Selektor, das zählen von 0, je nach Ihrer Reihenfolge in der DOM. Solange Sie wissen, wie viele Elemente gibt es mit class="foo" Sie brauchen nicht eine id.

Offensichtlich wird das nicht immer helfen, aber könnte jemand es nützlich finden.

InformationsquelleAutor der Antwort Stella