Всем привет, хочу перекрасить строку в таблице с помощью JQuery и для этого я использую этот метод:
$(document).ready(function () {
var table = $('#attributes');
$('#attributes > tbody > tr').filter(function () {
return $(this).find('td.status').text().trim() == 'approved'
}).css('background-color', '#A9A9A9');
});
Проблема в том, что почему-то строки перекрашиваются через одну, хотя должны все, вот пример:
В чем может быть проблема?
Всем спасибо, проблема была вообще в другом скрипте, который относился к этой же таблице. Этот код полностью рабочий.
Ещё один метод, пройтись each
$(document).ready(function () {
$('#attributes td.status').each(function () {
if ($(this).text().trim() == 'approved') {
$(this).css({
'background': '#A9A9A9'
});
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<table id="attributes">
<tr>
<td class="status">approved</td>
</tr>
<tr>
<td class="status">approved</td>
</tr>
<tr>
<td class="status">hello</td>
</tr>
<tr>
<td class="status">approved</td>
</tr>
<tr>
<td class="status">approved</td>
</tr>
</table>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей