Выберите первый TD в каждой строке w / jQuery

Question

Выберите первый TD в каждой строке w / jQuery

Как назначить стиль для каждой первой ячейке каждой строки в таблице?

$("#myTable tr td:first").addClass("black");

404 5

jQuery

5 ответов:

Comments

Ничего не найдено.

Devin Burke · Accepted Answer · 2011-05-27 20:02:50

использовать :first-child псевдо класс вместо :first.
$("#myTable tr td:first-child").addClass("black");
The :first псевдо класс фактически выбирает первый элемент, который был возвращен в вашем списке. Например, $('div span:first') вернутся только самый первый пролет под первым div, который был возвращен.

The :first-child псевдокласс выбирает первый элемент под определенным родителем, но возвращает столько элементов, сколько есть первые потомки. Например, $('table tr td:first-child') возвращает первая ячейка каждой строки.

при использовании :first, он возвращал только первую ячейку первой строки, которая была выбрана.

для получения дополнительной информации обратитесь к документации jQuery:

http://api.jquery.com/first-selector/

http://api.jquery.com/first-child-selector/

nathan gonzalez · Accepted Answer · 2011-05-27 19:45:23

вы были довольно близко, я думаю, что все, что вам нужно, это :first-child вместо :first, Так что-то вроде этого:
$("#myTable tr td:first-child").addClass("black");

bevacqua · Accepted Answer · 2011-05-27 19:46:36

$("#myTable tr").find("td:first").addClass("black");

5

2011-05-27 19:46:36

Teneff · Accepted Answer · 2011-05-27 19:45:06

такой:

$("#myTable tr").each(function(){
    $(this).find('td:eq(0)').addClass("black");
});

stefgosselin · Accepted Answer · 2011-05-27 19:46:22

попробуй:

$("#myTable td:first-child").addClass("black");