用jquery则么选择所有ul下的第一个li；

Question

例如我有html源码
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
<ul>
<li>D</li>
<li>E</li>
<li>F</li>
</ul>
<ul>
<li>G</li>
<li>H</li>
<li>I</li>
</ul>
想让有ul下的第一个li给个背景颜色。用jquery下药怎么写啊。简单点说就是我想遍历所有ul下的第一个li

Answer 1

1、取出所有的ul

2、遍历ul，取出ul下的第一个li

3、改变li的背景样式

$(function(){
    $("ul").each(function(){
        //取出ul下的第一个li
        var li= $(this).children().first();
        li.css("background","pink");
    });
});

Answer 2

首先要改一下布局在所有ul外面加一个div标签假设这个div叫boxes
$('#boxes ul').each(
function()
{
$(this).children('li').eq(0).css({'background-color':‘#000’});

}

);

追问

你这写法太麻烦了。不过也谢谢

Answer 3

$('ul li:first-child').css('backgroundColor', '#000');

Answer 4

$("ul").find(li:fisrt)

追问

大哥。你的效果是行，但是回答也认真点吧，“”漏掉不说。first还拼成了fisrt。
$("ul").find(“li:first”)

Answer 5

$("ul li").first()