jquery遍历多个li_jquery遍历之each()

源自：6-10 jQuery遍历之each()

jquery遍历之each()

html>

.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内的字体颜色

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

if (index % 2) {

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

}

})

})

$("li").css('color','red')   也可以将li颜色都变为红色，但为什么要用$("li").each(function(index,element){$(this).css('color','red')})呢？  还是说两个都行，关键应用是下面那个偶数行的应用？

提问者：续写不尽的未来3319689

2016-11-05 19:18