Есть таблица, которая заполянется в зависимости от выбранного элемента dropdown. Вот код (строку с элементами dropdown не вставлял):
<table id="myPlaneTable" class="table table-bordered">
<tr>
<td style="width: 20%">Max speed</td>
<td style="width: 15%">450</td>
<td style="width: 15%">487</td>
<td style="width: 15%">450</td>
<td style="width: 15%">600</td>
</tr>
<tr>
<td style="width: 20%">Max speed</td>
<td style="width: 15%">580</td>
<td style="width: 15%">490</td>
<td style="width: 15%">543</td>
<td style="width: 15%">742</td>
</tr>
</table
Так как я только начал изучать jQuery, попытался подставить следующий код, но он не работает
$("#myPlaneTable tbody tr.data-in-table").each(function () {
$(this).find('td').each(function (index) {
var currentCell = $(this);
var nextCell = $(this).next('td').length > 0 ? $(this).next('td') : null;
if (index%2==0&&nextCell && currentCell.text() !== nextCell.text()) {
currentCell.css('backgroundColor', 'red');
nextCell.css('backgroundColor', 'green');
}
});
});
Результат, который я пытаюсь получить
- Подсветка только лучшего и худшего значения
- Если в нескольких ячейках данные совпадают, необходимо их тоже подсветить
- Если данные отсутствуют, ячейка должна быть без подсветки
- Данные должны сравниватся в рамках одного
<tr>
, так как строк будет несколько