test si affichage = aucun

Question

Cela ne fonctionne pas, devrait-il? Ou pouvez-vous arrêter l'erreur si une autre ligne pourrait faire la même chose:

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

J'ai besoin de filtrer les lignes dans une table et un mot couleur. Les données sont devenues beaucoup pour la coloration si beaucoup de mots sont choisis. Je vais donc essayer de limiter la coloration en ne passant que par les éléments non cachés.

Answer 1

Si vous voulez obtenir les tbody visibles des éléments, vous pouvez le faire:

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

Il ressemble à la réponse que Agent_9191 a donné, mais celui-ci supprime l'espace du sélecteur, ce qui le rend sélectionne les éléments tbody visibles à la place des descendants visibles.

---

EDIT:

Si vous vouliez spécifiquement utiliser un test sur la propriété display CSS des tbody éléments, vous pouvez le faire:

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

Answer 2

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

Answer 3

Essayez plutôt qu'à sélectionner les éléments visibles sous la tbody:

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

Answer 4

Utilisez comme ceci:

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

H ope ça aide!

Answer 5

Comme @ Agent_9191 et @partick mentionné, vous devez utiliser

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

ou

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

De plus, puisque vous semblez appliquer une classe aux mots mis en évidence, au lieu d'utiliser jquery pour modifier l'arrière-plan pour tous les reflets correspondants, il suffit de créer une règle CSS avec la couleur d'arrière-plan dont vous avez besoin et il est appliqué directement une fois que vous affectez la classe.

.highlight { background-color: #FFFF88; }