тест, если дисплей = нет

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]); 

It похоже на ответ, который дал Agent_9191, но этот удаляет пространство из селектора, что делает его выбирает видимые tbody элементы вместо видимых потомков.

---

EDIT:

Если вы специально хотели использовать тест на display CSS свойстве tbody элементов, вы можете сделать это:

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

Answer 2

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

Answer 3

Попробуйте это вместо того, чтобы выбрать только видимые элементы под tbody:

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

Answer 4

Использование так:

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

H Это помогает!

Answer 5

Как @ Agent_9191 и @partick упомянули вы должны использовать

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

или

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

Кроме того, так как вы, кажется, применяя класс выделенных слов, вместо того, чтобы использовать JQuery, чтобы изменить фон для всех согласованных бликов, просто создайте правило css с цветом фона, который вам нужен, и он будет применяться сразу после назначения класса.

.highlight { background-color: #FFFF88; }