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 ="cat"的第一个元素.

Answer 1

改成:

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

另请参见此示例.