test se display = none

Question

Questo non funziona, dovrebbe? Oppure si può fermare l'errore se un'altra linea potrebbe fare lo stesso:

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" }); 
} 

ho bisogno di filtrare le righe in una tabella e colorare una parola. I dati sono diventati molto utili per la colorazione se vengono scelte molte parole. Quindi cercherò di limitare la colorazione passando solo attraverso gli elementi nascosti.

Answer 1

Se si desidera ottenere i visibili tbody elementi, si potrebbe fare questo:

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

E ' sembra simile alla risposta data da Agent_9191, ma questa rimuove lo spazio dal selettore, il che lo rende seleziona gli elementi visibili tbody invece dei discendenti visibili.

---

EDIT:

Se specificamente voleva utilizzare un test sulla proprietà display CSS dei tbody elementi, si potrebbe fare questo:

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

Answer 2

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

Answer 3

Prova a modificare per selezionare solo gli elementi visibili sotto la tbody:

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

Answer 4

Usa in questo modo:

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

H ope aiuta!

Answer 5

Come @ Agent_9191 e @partick menzionato si dovrebbe usare

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

o

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

Inoltre, dal momento che sembra essere l'applicazione di una classe per le parole evidenziate, invece di utilizzare jQuery per alterare lo sfondo per tutte le evidenziazioni abbinate, basta creare una regola css con il colore di sfondo necessario e viene applicata direttamente una volta assegnata la classe.

.highlight { background-color: #FFFF88; }