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");

另见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");
});

Jquery选择器，用于每个类的首次出现

4 个答案: