Question

如果我的网页上有一堆div，如下所示。如何使用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")


});

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

<强> Check Fiddle

Answer 2

您可以使用eq（）函数，如下所示：

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

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

在此处查看此行动：http://jsfiddle.net/qUYPK/

列表中的Jquery选择器

2 个答案: