列表中的jquery选择器

如果我的页面有一堆如下所示的div。我如何使用JQuery来定位各个标题。我想改变基于它的每个标题的颜色的POS列表中的jquery选择器

<div id="box_list"> 
    <div class="container"> 
     <div class="title">Red</div> 
     </div> 
     <div class="container"> 
     <div class="title">Blue</div> 
     </div> 
     <div class="container"> 
     <div class="title">Orange</div> 
     </div> 
</div> 


$(document).ready(function() { 


    $("#box_list:nth-child(1)") 
     .css("color", "red") 


});

来源

2012-12-07 Amanda Sky

把'＃box_list'和'之间的空间：第n-child'。 'selector1'（空格）'selector2'表示在'selector1'里面找到'selector2' –

$(document).ready(function() { 
    $("#box_list .title").each(function(i){ 
     var color = 'brown'; 
     if(i === 0){ 
      color ="red"; 
     } 
     else if(i === 2){ 
      color ="orange"; 
     } 
     $(this).css("color", color) 
    }); 
});

Check Fiddle

来源

2012-12-07 22:02:50

好方法！ –

@AmandaSky ..不客气:) –

您可以使用EQ（）函数，就像这样：

$("#box_list div").eq(0).css("color", "red");

刚记住你从0开始计数 - 这意味着你会使用.eq（2）来定位第三个div。

看到它在这里的行动：http://jsfiddle.net/qUYPK/

来源

2012-12-07 22:05:53

列表中的jquery选择器

回答

相关问题