test if display = none

Question

Esto no funciona, ¿o sí? O se puede detener el error si otra línea podría hacer lo mismo:

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

necesito para filtrar filas de una tabla y el color de alguna palabra. Los datos se han convertido en mucho para el color si se eligen muchas palabras. Así que trataré de limitar la coloración yendo solo a través de ninguno de los elementos ocultos.

Answer 1

Si desea obtener las visibles tbody elementos, se puede hacer esto:

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

Se se parece a la respuesta que Agent_9191 dio, pero esta elimina el espacio del selector, lo que lo hace selecciona los elementos tbody visibles en lugar de los descendientes visibles.

---

EDIT:

Si quería específicamente para utilizar una prueba en la propiedad display CSS de los tbody elementos, se puede hacer esto:

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

Answer 2

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

Answer 3

Tal vez puedas probar a seleccionar solamente los elementos visibles bajo la tbody:

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

Answer 4

uso como esto:

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

H ¡Opera ayuda!

Answer 5

Como @ Agent_9191 y @partick mencionado se debe utilizar

$('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 

Además, ya que parece ser la aplicación de una clase a las palabras resaltadas, en lugar de utilizar jQuery para alterar el fondo para todos los resaltados combinados, simplemente cree una regla CSS con el color de fondo que necesita y se aplica directamente una vez que asigne la clase.

.highlight { background-color: #FFFF88; }