test wenn display = none

Question

Das funktioniert nicht, oder? Oder können Sie den Fehler stoppen, wenn eine andere Linie das gleiche tun könnte:

function doTheHighlightning(searchTerms) { 
    // loop through input array of search terms 
    myArray = searchTerms.split(" "); 
    for(i=0;i<myArray.length;i++) 
    { 
     // works. this line works if not out commented. Will highlight all words, also in the hidden elements 
     //$('tbody').highlight(myArray[i]); 

     // not working when trying to skip elements with display none... 
     $('tbody').css('display') != 'none').highlight(myArray[i]); 
    } 

    // set background to yellow for highlighted words 
    $(".highlight").css({ backgroundColor: "#FFFF88" }); 
} 

Ich brauche Zeilen in einer Tabelle filtern und ein Wort Farbe. Die Daten sind zu viel für die Färbung geworden, wenn viele Wörter gewählt werden. Also werde ich versuchen, die Färbung zu begrenzen, indem ich nur die nicht versteckten Elemente durchlaufe.

Answer 1

Wenn Sie die sichtbaren tbody Elemente erhalten möchten, können Sie dies tun könnte:

$('tbody:visible').highlight(myArray[i]); 

Es sieht ähnlich aus wie die Antwort, dass Agent_9191 gab, aber dieses entfernt den Raum aus dem Selektor, der es macht Wählt die sichtbaren tbody Elemente anstelle der sichtbaren Nachkommen aus.

---

EDIT:

Wenn Sie speziell einen Test auf dem display CSS-Eigenschaft der tbody Elemente verwenden möchten, können Sie dies tun:

$('tbody').filter(function() { 
    return $(this).css('display') != 'none'; 
}).highlight(myArray[i]); 

Answer 2

$('tbody').find('tr:visible').hightlight(myArray[i]); 

Answer 3

Versuchen Sie stattdessen nur auf die sichtbaren Elemente unter dem tbody wählen:

$('tbody :visible').highlight(myArray[i]); 

Answer 4

Verwendung wie folgt aus:

if($('#foo').is(':visible')) { 
    // it's visible, do something 
} 
else { 
    // it's not visible so do something else 
} 

H es hilft!

Answer 5

Als @ Agent_9191 und @partick erwähnt sollten Sie

$('tbody :visible').highlight(myArray[i]); // works for all children of tbody that are visible 

oder

$('tbody:visible').highlight(myArray[i]); // works for all visible tbodys 

Zusätzlich verwenden, da Sie scheinen eine Klasse zu den markierten Worte anwenden, anstatt jquery der Verwendung zu verändern Der Hintergrund für alle übereinstimmenden Hervorhebungen, erstellen Sie einfach eine CSS-Regel mit der benötigten Hintergrundfarbe und sie wird direkt angewendet, sobald Sie die Klasse zuweisen.

.highlight { background-color: #FFFF88; }