jquery - 测试是否显示=无

Question

这不起作用，不是吗？或者，如果另一行可以执行相同的操作，您可以停止错误吗:

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

我需要过滤表中的行并为一些单词着色。如果选择了很多单词，那么数据对于着色来说就变得太多了。因此，我将尝试仅通过非隐藏元素来限制着色。

Answer 1

如果你想获取可见的tbody元素，你可以这样做:

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

它看起来与Agent_9191给出的答案类似，但是这个从选择器中删除了空格，这使得它选择可见的tbody元素而不是可见的后代元素.

<小时/>

编辑:

如果您特别想对 tbody 元素的 display CSS 属性进行测试，您可以这样做:

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