0

私のページに以下のような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")


});
4

2 に答える 2

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

フィドルをチェック

于 2012-12-07T22:02:50.097 に答える
1

次のように eq() 関数を使用できます。

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

0 からカウントを開始することを覚えておいてください。これは、3 番目の div をターゲットにするために .eq(2) を使用することを意味します。

ここで実際に見てください：http://jsfiddle.net/qUYPK/

于 2012-12-07T22:05:53.173 に答える