WEB开发网
开发学院网页设计JavaScript jQuery 练习[二]: 获取对象(2) - 定位子对象 阅读

jQuery 练习[二]: 获取对象(2) - 定位子对象

 2010-06-11 00:00:00 来源:WEB开发网   
核心提示: 获取每组的 first, 如: $("li:first-child") 或 $("ul li:first-child") 或 $("ul :first-child") <ul><li>AAA</li>

获取每组的 first, 如: $("li:first-child") 或 $("ul li:first-child") 或 $("ul :first-child")

<ul>
    <li>AAA</li>
    <li>BBB</li>
    <li>CCC</li>
    <li>DDD</li>
    <li>EEE</li>
    <li>FFF</li>
    <li>GGG</li>
</ul>
<ul>
    <li>111</li>
</ul>
<ul>
    <li>XXX</li>
    <li>YYY</li>
    <li>ZZZ</li>
</ul> 

获取 last, 如: $("li:last") 或 $("li").last() 或 $("ul :last") 或 $("ul li:last")

<ul>
    <li>AAA</li>
    <li>BBB</li>
    <li>CCC</li>
    <li>DDD</li>
    <li>EEE</li>
    <li>FFF</li>
    <li>GGG</li>
</ul>
<ul>
    <li>111</li>
</ul>
<ul>
    <li>XXX</li>
    <li>YYY</li>
    <li>ZZZ</li>
</ul> 

获取每组的 last, 如: $("li:last-child") 或 $("ul li:last-child") 或 $("ul :last-child")

<ul>
    <li>AAA</li>
    <li>BBB</li>
    <li>CCC</li>
    <li>DDD</li>
    <li>EEE</li>
    <li>FFF</li>
    <li>GGG</li>
</ul>
<ul>
    <li>111</li>
</ul>
<ul>
    <li>XXX</li>
    <li>YYY</li>
    <li>ZZZ</li>
</ul> 

编缉推荐阅读以下文章

  • jQuery 练习[二]: 获取对象(3) - 根据属性、内容匹配, 还有表单元素匹配
  • jQuery 练习[二]: 获取对象(1) - 基本选择与层级
  • jQuery 练习[一]: 准备工作

上一页  1 2 3 4 5  下一页

Tags:jQuery 练习 获取

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接