JQuery применить CSS на первой строке таблицы каждой таблицы

Question

Я пытаюсь применить другой стиль каждый первой строки таблицы ниже определенного класса, используя этот код:

$(".my-class tr:first td").css({"color":"#0064CC","font-size":"15px","border-bottom-style":"none"}); 

Проблема заключается в том, что оно только применяет его к таблице сначала, которую он находит ниже этого класса.

Что мне здесь не хватает?

Answer 1

попробовать что-то вроде этого

$(".my-class tr:first td").each(function(){ 
    $(this).css({"color":"#0064CC","font-size":"15px","border-bottom-style":"none"}); 
}) 

Answer 2

Попробуйте следующее:

$(".my-class").find("tr:first td").css({"color":"#0064CC","font-size":"15px","border-bottom-style":"none"}); 

Ваш предыдущий код был только найти первую строку и тд, это будет найти каждый элемент с .my-class и найти первый тр/TD элемент из найденных элементов.

Answer 3

Вы также можете попробовать для точного

$(".my-class").find("tr td:eq(0)").css({"color":"#0064CC","font-size":"15px","border-bottom-style":"none"}); 

Answer 4

Изменить

$(".my-class tr:first td") 

в

$("table tr:first").has('.my-class').find('td')