jQuery之元素查找

不想你离开。 提交于 2020-03-27 10:14:17

在已经匹配出的元素集合中根据选择器查找孩子/父母/兄弟标签
1. children(): 子标签中找
2. find() : 后代标签中找
3. parent() : 父标签
4. prevAll() : 前面所有的兄弟标签
5. nextAll() : 后面所有的兄弟标签
6. siblings() : 前后所有的兄弟标签 

需求:
1. ul标签的第2个span子标签
2. ul标签的第2个span后代标签
3. ul标签的父标签
4. id为cc的li标签的前面的所有li标签
5. id为cc的li标签的所有兄弟li标签

var $ul = $("ul");
    //1. ul标签的第2个span子标签
    $ul.children("span:eq(1)").css("background","red");
    // 2. ul标签的第2个span后代标签
    $ul.find("span:eq(1)").css("background","red")
    // 3. ul标签的父标签
    $ul.parent().css("background","red")
    // 4. id为cc的li标签的前面的所有li标签
    var $li = $("#cc");
    $li.prevAll("li").css("background","red");
    
    // 5. id为cc的li标签的所有兄弟li标签
    $li.siblings("li").css("background","red");

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!