jQuery選擇一類

Question

我有一個生成以下HTML代碼的腳本中的每個第一次出現：

<table class="table"> 
<tr><td class="head">Title</td></tr> 
<tr><td class="cat">Featured</td></tr> 
<tr><td class="cat">Hello</td></tr> 
<tr><td class="cat">Hello</td></tr></table> 

<table class="table"> 
<tr><td class="head">Title</td></tr> 
<tr><td class="cat">Featured</td></tr> 
<tr><td class="cat">Hello</td></tr> 
<tr><td class="cat">Hello</td></tr></table> 


<table class="table"> 
<tr><td class="head">Title</td></tr> 
<tr><td class="cat">Featured</td></tr> 
<tr><td class="cat">Hello</td></tr> 
<tr><td class="cat">Hello</td></tr></table> 

我需要的款式第一貓類「特色」！我使用jquery，但我不知道熱選擇正確的選擇器？

我試圖

jQuery(document).ready(function($){ 
    $(".table .cat:first").css("color","blue"); 
}) 

，但我不合適的工作，它只是選擇帶有class =「貓」的第一要素。

Answer 1

更改爲：

$(".table").find(".cat:first").css("color","blue"); 

另見this example。

Answer 2

您需要遍歷表像這樣

jQuery(document).ready(function($){ 
    $('.table').each(function(){ 
     $(this).find('.cat:first').css('color', 'blue'); 
    }) 
}) 

這裏的小提琴 - http://jsfiddle.net/vFT46/

Answer 3

您可以使用類似這樣

$('.table').find('.cat:first').css('color','blue'); 

拿到第一.cat孩子.table

DEMO

Answer 4

jQuery(document).ready(function($) { 
    $(".table .head").next().css("color", "blue"); 
});