jquery - 来自列表的 Jquery 选择器

Question

如果我的页面有一堆如下所示的 div。如何使用 JQuery 定位单个标题。我想根据它的 pos 更改每个标题的颜色

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


});

Answer 1

$(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)
    });
});

检查小提琴

Answer 2

您可以使用 eq() 函数，如下所示：

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

请记住，您从 0 开始计数 - 这意味着您将使用 .eq(2) 来定位第三个 div。

在此处查看实际操作：http: //jsfiddle.net/qUYPK/