html div color=blue,li[1].css("color","blue");

.left {

width: auto;

height: 150px;

}

.left div {

width: 150px;

height: 120px;

padding: 5px;

margin: 5px;

float: left;

background: #bbffaa;

border: 1px solid #ccc;

}

each方法

• list item 1
• list item 2
• list item 3

• list item 4
• list item 5
• list item 6

点击：each方法遍历元素

点击：each方法回调判断

$("button:first").click(function() {

//遍历所有的li

//修改每个li内的字体颜色

$("li").each(function(index, element) {

$(this).css('color','red')

})

})

$("button:last").click(function() {

//遍历所有的li

//修改偶数li内的字体颜色

var li=$("li");

li.each(function(index,element){

if(index%2){

li[1].css("color","blue");

// 问题：li是个数组，为什么这里加上[i]会没有效果？换成index也不行，为什么呢？

}

});

//在javascript中0代表false，非0代表true

// $("li").each(function(index, element) {

//     if (index % 2) {

//         $(this).css('color','blue')

//     }

// });

})