Как изменить цвет строки таблицы с помощью jQuery

Question

Мне удалось вставить новую строку после определения имени класса <td> с помощью jQuery. Теперь мне нужно изменить цвет фона строки этого <td>. Я пробовал много способов, а также пытался использовать closest('tr'), чтобы найти строку, но это не удалось. Я тестировал изменение цвета <td>.

Как изменить цвет строки?

Вот мой JQuery код:

function jQuerryshowWarning() { 
    $('.hideClass').each(function() {      
     $(this).css("background-color", "blue");     
     $('<tr width=100%;><td colspan="18" bgcolor="#00FF00"><div style="background-color: #9999ff;"><font color="red">*test</font></div></td></tr>').insertAfter($(this).parent());  

     //this line doesn’t work      
     $(this).parent().css("background-color", "red"); 
     //this line doesn’t work 
     $(this).parent().closest('tr').css("background-color", "green"); 
     //this line doesn't work 
     $(this).closest('tr').css("background-color", "red"); 
    }); 
} 

После вас Луи код, изображение:

Answer 1

То, что вы хотите, вероятно, изменить все < тд > внутри < тр > , поэтому ваш селектор должен идти по линиям $ (this) .closest ('tr'). find ('td'). css ('background-color', 'red')

Предполагая, что $ (this) является дочерним элементом строки, для которой вы хотите изменить цвет фона