jQuery之元素查詢

你若精彩，蝴蝶自來發表於2018-07-30
jQuery

在已經匹配出的元素集合中根據選擇器查詢孩子/父母/兄弟標籤
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");

 

相關文章