Добавьте класс CSS для каждого элемента tr, если он содержит определенное значение. ⇐ CSS

[Anonymous]

Я пытаюсь добавить класс к элементу tr (last_value_row) в форме, когда целевое значение в первом td элемента Last_value_row равно «Новая цель».
Пока только первый элемент будет добавьте класс, но не все остальные элементы, для которых целевым значением является «Новая цель».
Это моя HTML-сторона:

Код: Выделить всё

{% autoescape off %}{% trans "Target name" %}{% endautoescape %}
...





{{ value }}
[url=#][/url]




{{ value }}



{% for field in epoch_form %}
{{ field.errors }}
{% endfor %}

А это моя сторона JavaScript:

Код: Выделить всё

var new_target_element = document.getElementById("last_value_row");
var last_values = [];
var index = $("#epoch_forms_table tr.value_row").index(value_row);

...
for (let i = 0; i < el.length; i++) {
for (let i = 0, cell; cell = new_target_element.cells[i]; i++) {
if ($(this).find("td:contains('New target')")) {
new_target_element.classList.add("new_target_color");
new_target_element.classList.remove("target_background_color");
} else {
new_target_element.classList.add("target_background_color");
new_target_element.classList.remove("new_target_color");
}
}
}
if (last_values[index].length === 0) {
last_value_row.find("td:first").html("New target");
} else {
...
}
}

Я пытаюсь добавить или удалить CSS-класс «new_target_color» для каждой «last_value_row», когда в первом td есть или нет целевое значение «Новая цель». Пока что только первый элемент всегда меняет свой класс.

Подробнее здесь: https://stackoverflow.com/questions/781 ... ific-value