Javascript/JQuery, если значение отображения стиля равно

Question

Я хочу проверить, равен ли дисплей равным ни одному, либо таблице-строке. В настоящее время я использую это:

Javascript/JQuery:

function changeDisplay(element){ 
    var clickedLi = $(element).closest("li"); 
    var pageList = $(".paginering li"); 
    var trList = $(".tabelOpenstaand tbody tr.hoofdRij"); 
    var trNumber = $(".tabelOpenstaand tbody tr.hoofdRij").length; 

    debugger; 

    for (var i = 0; i < trNumber; i++){ 
     if (trList[i].css("display") == "table-row"){ 
      trList[i].css("display", "none"); 
     } 
    } 
} 

В настоящее время я получаю ошибку: 'Uncaught TypeError: не определено не является функцией' на линии, если. Как я могу это решить? trList заполняется правильными элементами.

Answer 1

Вместо trList [я], попробуйте trList.eq (I)

Это стало бы

if (trList.eq(i).css("display") == "table-row"){ 
     trList.eq(i).css("display", "none"); 
    } 

Source

Answer 2

trList не является массивом это объект. Так что trList[i] не будет работать.

Вам нужно будет сделать foreach.

trList.each(function(){ 
    if($(this).css("display") == "table-row"){ 
     $(this).css("display", "none"); 
    } 
}); 

Answer 3

Когда я ходить объект, я часто писать код, как это:

function changeDisplay(element){ 
    // var clickedLi = $(element).closest("li"); 
    // var pageList = $(".paginering li"); 
    // var trList = $(".tabelOpenstaand tbody tr.hoofdRij"); 
    // var trNumber = $(".tabelOpenstaand tbody tr.hoofdRij").length; 

    var trList = document.querySelectorAll(".tabelOpenstaand tbody tr.hoofdRij"); 

    for (var i in trList){ 
     if(!i.match(/\D/) continue; 
     if(trList[i].css("display") == "table-row"){ 
      trList[i].css("display", "none"); 
     } 
    } 
} 

«String.match()» является полезным, когда я иду в объекте. И я предпочитаю использовать синтаксис «for (var ... in ...)». Просто личная точка зрения.

Answer 4

Существует множество ответов с соответствующими обходными решениями, но никто не объяснил причину, по которой это происходит.

$('selector') возвращает объект jQuery. Этот объект имеет числовые индексы, которые содержат элементы DOM.

Это означает, что $('selector')[0] возвращает элемент DOM, а не объект jQuery, и поэтому не имеет метода .css().