Klasse hinzufügen, um eine Zeile in der Tabelle enthält Spalten mit bestimmten Werten

Ich muss eine Klasse Hinzugefügt werden, um eine tr wenn es enthält td's, die bestimmte Werte enthalten.

Mit der Antwort auf diese Frage, SO, dachte ich, dass ich die Lösung gefunden, aber es scheint nicht zu funktionieren auf Zeilen, mehrere Spalten enthält - es funktioniert nur, wenn es ein einzelnes td.

Wie kann ich identifizieren die Zeilen, die Spalten enthalten, die mit bestimmten Werten, unter anderen Spalten? Bitte beachten Sie, dass die Spalten nicht immer in bestimmter Reihenfolge, so muss es sein, eine dynamische Antwort.

Der jsFiddle

<table>
    <tr>
        <td>Hey!</td>
        <td>Other column</td>
        <td>Yo!</td>
        <td>Other column2</td>        
    </tr>
</table>

<script type="text/javascript">
$('tr').each(function(){
 if (($(this).find('td').text() == 'Hey!' ) && ($(this).find('td').text() == 'Yo!' ))
 {
     alert('here');
     $(this).addClass('disabled');
 }
});
</script>
InformationsquelleAutor Luke Shaheen | 2012-05-16
  1. 1

    Wie andere erwähnt haben, verwenden Sie die jQuery - :contains(text) selector:

    $('tr').each(function(){
   if($('td:contains("Hey!")', this).length && $('td:contains("Yo!")', this).length){       
        alert('here');
        $(this).addClass('disabled');
    }
});

    Sowas.

    Bearbeiten

    Aktualisiert, meine Antwort zu verwenden length statt jQuery size() Funktion. Kudos für diejenigen, die gebucht Beweise unterstützen die Vorstellung, dass mit length schneller ist. Nachdem ich einige grundlegende Erforschung meiner eigenen, stieß dies in der jQuery-Dokumentation:

    Den .size () - Methode ist funktional mit der .length-Eigenschaft;
    jedoch, die .length-Eigenschaft ist bevorzugt, weil es nicht
    der overhead eines Funktionsaufrufs.

    Da, plus die test-Fall, unten, ich bin verkauft. Frage mich, warum size() überhaupt existiert? Mein Gedanke war, dass es da einige Objekte zurückgegeben, die von jQuery sind keine arrays, sondern nur Verhalten wie arrays, und das gegeben, dass mit size() vorzuziehen sei. Scheint, dass die später, wenigstens, nicht der Fall.

    Cheers

    • Ich aktualisiert meine Antwort zu nutzen :contains(text) wie andere hingewiesen. Aber ich glaube meine Antwort ist die einzige, "deaktivieren" Sie die Zeile iff es cotains beide "text" - Werte.
    • length ist immer besser.
    • Sagt Sie?
    • Dies funktioniert, aber was ist der Zweck der .size()? Und @VisioN, Sie haben einen Nachweis/Begründung, warum length ist immer besser?
    • Ja. Funktion Anruf 2 Operationen mehr, als sich die Objekt-Eigenschaft. Ansonsten, hier ist so etwas wie der Beweis: stackoverflow.com/questions/2738352/...
    • Und hier ist der absolute Beweis: jsperf.com/size-vs-length. Versuchen Sie es.
    • Vielen Dank für folgende auf/über auf dem Punkt, ich habe aktualisiert mein Antwort.
    • Nicht sehr kritisch ist in diesem Fall jedoch nur eine gute Praxis.

    InformationsquelleAutor Madbreaks
  2. 1

    Was:

    $('td:contains("Hey!"),td:contains("Yo!")').parent('tr').addClass('disabled');

    ?

    Oder zu gewährleisten, gibt es

    $('tr').each(function(){

    if($('td:contains("Hey!")').length > 0 && $('td:contains("Yo!")').length > 0)
        $(this).addClass('disabled');

});

    • Glaube nicht, dass es funktionieren wird, aber ich mag die Idee der Verwendung von contains. Ihre selector "deaktivieren" ein tr enthält Zellen mit entweder/sowohl text als Werte. Sieht aus wie op möchte deaktivieren iff beide Werte gefunden werden.
    • Ja, ich Las die Frage und bemerkte, dass könnte der Fall sein, war nur etwas testen im fiddle bevor Sie die zweite code-Beispiel (nur gewundert, ob ich es tun konnte, in ein Selektor wieder, aber ich konnte nicht herausfinden)
    InformationsquelleAutor Lee
  3. 0

    Verwenden Sie die enthält selector

    $("td:contains('Hey!'), td:contains('Yo!')").each(function(){
   alert('here');
   $(this).parent().addClass('disabled');
});
    • Was ist, wenn eine Zeile in der Tabelle eine Zelle, die "hey!", aber nicht in eine Zelle, die "Yo!"? Es wird immer noch "deaktivieren" Sie die Zeile, richtig?
    • Gut 🙂 Andere haben aktualisiert Ihre Antworten zu prüfen, ob diese Bedingung, so will ich nicht stören Aktualisierung von mir.
    InformationsquelleAutor Mark Rawlingson
  4. 0

    Ist dies eine Lösung:

    var search = ["Hey!", "Yo!"];

$("tr").filter(function() {
    var found = 0;
    $(this).children().each(function() {
        var text = $(this).text();
        for (var i = 0; i < search.length; i++) {
            if (text == search[i]) found++;
        }
    });
    return found == search.length;
}).addClass("disabled");​

    DEMO: http://jsfiddle.net/Tnq9A/1/

    Wenn Sie brauchen nicht die absolute Zufall, der die Texte aber teilweise, können Sie mit diesem Vergleich Methode:

    if (text.indexOf(search[i]) != -1) found++;

    DEMO: http://jsfiddle.net/Tnq9A/2/

    • Ihre filter-Funktion zurück true findet es entweder Wert, aber es sollte nur true zurück, wenn es feststellt, dass beide.
    • Recht. Vielleicht ich falsch verstanden, die Frage. Nun funktioniert es, wie gebraucht.
    InformationsquelleAutor VisioN
Schreibe einen Kommentar