селектор JQuery первый тд каждой строки

Question

У меня есть этот материал:

<table> 
    <tr> 
    <td>nonono</td> <!-- FIND THIS --> 
    </td>foobar</td> 
    </tr> 
    <tr> 
    <td>nonono2</td> <!-- FIND THIS --> 
    </td>foobar2</td> 
    </tr> 
    <tr> 
    <td>nonono3</td> <!-- FIND THIS --> 
    </td>foobar2</td> 
    </tr> 
</table> 

Я попытался с $('td:first') не повезло;

Ожидаемый доход: <td>nonono</td>, <td>nonon2</td> и <td>nonon3</td>

Заранее спасибо!

Answer 1

Вы должны использовать :first-child вместо :first:

Похоже, вы желая итерацию через них. Вы можете сделать это, используя .each().

Пример:

$('td:first-child').each(function() { 
    console.log($(this).text()); 
}); 

Результат:

nonono 
nonono2 
nonono3 

Alernatively если вы не желая повторять:

$('td:first-child').css('background', '#000'); 

JSFiddle demo.

Answer 2

попробовать этот селектор -

$("tr").find("td:first") 

Demo -->http://jsfiddle.net/66HbV/

Или

$("tr td:first-child") 

Demo -->http://jsfiddle.net/66HbV/1/

</td>foobar</td> должен быть <td>foobar</td>

Answer 3

попробовать

var children = null; 
$('tr').each(function(){ 
    var td = $(this).children('td:first'); 
    if(children == null) 
     children = td; 
    else 
     children.add(td); 
}); 

// children should now hold all the first td elements 

Answer 4

$('td:first-child') возвращает коллекцию элементов, которые вы хотите.

var text = $('td:first-child').map(function() { 
    return $(this).html(); 
}).get(); 

Answer 5

Использование:

$("tr").find("td:first"); 

js fiddle - этот пример имеет .text() на конце, чтобы показать, что она возвращается элементы.

В качестве альтернативы, вы можете использовать:

$("td:first-child"); 

.find() - JQuery API документация

Answer 6

var tablefirstcolumn=$("tr").find("td:first") 
alert(tablefirstcolumn+"of Each row")