Изменение цвета строки данных выбирается при нажатии на кнопку Javascript - PullRequest
Новая
       5

Изменение цвета строки данных выбирается при нажатии на кнопку Javascript

0 голосов
/ 09 марта 2020

Мне нужно изменить цвет строки в Datatable, когда я нажимаю кнопку «ПРИМЕНИТЬ»

Вот мой HTML код для строк: 

<tr role="row" class="odd"></tr>
<tr role="row" class="even selected"></tr>
<tr role="row" class="odd"></tr>
<tr role="row" class="even"></tr>

На моей вкладке проверки я могу изменить цвет фона строки следующим образом: 

table.dataTable tbody tr.selected {
    background-color: orange;
}

Как я могу кодировать это в Javascript? Я пробовал этот код, но получил ошибку: 

$("#btnApply").click(function() {
        var zz = document.getElementsByClassName("selected");
        zz.style.backgroundColor = "orange";
     });

Ошибка:

Uncaught TypeError: Невозможно установить свойство 'backgroundColor' из неопределенного

1 Ответ

2 голосов
/ 09 марта 2020

Когда вы используете jQuery в первой строке, Y не продолжать использовать его следующим образом: 

$("#btnApply").click(function() {
  $(".selected").css('background-color', 'green');
});
table tr.selected {
    background-color: orange;
}
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<table>
<tr role="row" class="odd"><td>aa</td></tr>
<tr role="row" class="even selected"><td>aa</td></tr>
<tr role="row" class="odd"><td>aa</td></tr>
<tr role="row" class="even"><td>aa</td></tr>
</table>
<input type="button" id="btnApply" value="click">
...