Изменить цвет ячейки таблицы в зависимости от ее значения с помощью jQuery

0
 $(".yourtableclassname tr:not(:first)").each(function() { 


}

Я использую приведенное выше, чтобы перебирать все строки таблицы, исключая первую строку, потому что это названия столбцов. Затем, в зависимости от некоторого значения столбца, я устанавливаю цвет фона этой строки.

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

Во всяком случае, я могу это исправить? У меня может быть несколько таблиц в форме, поэтому я не хочу использовать id.

--example код -

$(".Grid tr:not(:first)").each(function() { 

        var nameofField = $(this).find("td:nth-child(4)").html();            

        if(nameofField != ""){

            $(this).closest('tr').addClass('Red').removeClass('Blue');
        }
}
  • 0
    Где твой код, который на самом деле меняет цвет?
  • 0
    Если вы используете $(this) для ссылки на текущую строку, она должна получить доступ к правильной таблице.
Показать ещё 3 комментария
Теги:

2 ответа

1
Лучший ответ

Код для корректировки цветов выглядит корректно. Я предполагаю, что вы неправильно описали проблему. Регулярные строки второй таблицы, вероятно, обновляются правильно, проблема только в строке заголовка.

Попробуйте этот селектор:

$(".yourtableclassname tr:not(:first-child)")

Это пропустит первую строку каждой таблицы. Ваш селектор просто пропустил первую строку первой таблицы.

0

Вы думали использовать <th></th> для своих строк заголовков? Это должно решить.

EDIT: Если вы не можете использовать <th></th> используйте $(".yourClassName").finds("tr:not(:first)"). Должен сделать трюк!

  • 0
    Как это решит проблему обновления правильной таблицы? Это просто делает ненужным использование селектора :not .
  • 0
    Это сетка, и они не выводят <th>
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню