jQuery : 첫 번째 및 마지막 선택기

Question

$('div#nutrition-fact-content table tr:first td:first').addClass('product-volume'); 
$('div#nutrition-fact-content table tr:first td:last').addClass('flavor-name'); 

위 코드에서 jQuery의 두 번째 줄이 클래스를 적용합니다. td는 결코 수업을 수신하지 않습니다. 나는 또한 그냥 tr : 클래스를 먼저 행을 시도하고 그 중 하나를 클래스를 얻을하지 않습니다. 왜 안돼?

Answer 1

이 시도 :

$('div#nutrition-fact-content table tr:first td').first().addClass('product-volume'); 
$('div#nutrition-fact-content table tr:first td').last().addClass('flavor-name'); 

업데이트 2
당신은> jQuery를 가지고 1.4.4 해달라고 경우

$children = $('div#nutrition-fact-content table tr:first').children().length -1; 

$($('div#nutrition-fact-content table tr:first').children()[0]).addClass('product-volume'); 
$($('div#nutrition-fact-content table tr:first').children()[$children]).addClass('flavor-name'); 

:-) 매력처럼이 fiddle

작품에서 봐

Answer 2

선택기가 테스트했을 때 작동하는 것 같습니다. here. 다른 모든 것들이 괜찮은가요?