選擇上一級元素: parent
選擇所有上級元素:parents
選擇下一級元素 :children
選擇所有後臺元素:find
選擇同級元素 :siblings
選擇前一個元素:prev
選擇後一個元素:next
$(this).attr("checked",true)//選中,false爲取消
$(this).siblings("ul").find("input").attr("checked",this.checked);
首先選擇自己的兄弟元素ul,然後找ul下所有input標籤添加選中效果。使用場景是當選中父節點,父節點下所有input<checkbox> 全部被選中。
if(checked == true){
$(this).parents("li").children("input").attr("checked",true);
}
噹噹前元素被選中時,先找到頂級元素li,然後找到li下第一個input子標籤,然後添加選中效果。使用場景爲當選中任意子節點時,父節點都會被選中。