选择上一级元素: 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子标签,然后添加选中效果。使用场景为当选中任意子节点时,父节点都会被选中。