【jQuery】选取子元素

<ul id="box">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

ul {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
    border: 1px solid #333;
    margin-bottom: 10px;
    padding: 10px;
}
.bg {
    background: red;
}

第一个子元素

$('#box').find('li:first').addClass('bg')
$('#box li:first').addClass('bg')
$('#box li').eq(0).addClass('bg')

倒数第一个子元素（最后一个）

$("#box li").eq(-1).addClass('bg')
$("#box li").last().addClass('bg')

倒数第二个子元素

$("#box li").eq(-2).addClass('bg')

倒数第一个和第二个子元素

 

$('#box li').slice(-2).addClass('bg')

排除第一个和第二个子元素

$('#box li:not(:nth-child(1),:nth-child(2))').addClass('bg')
$('#box li').slice(2).addClass('bg')