删除父节点下的所有子节点

 删除父节点下的所有子节点

 

现在要删除一个父节点下的所有子节点。

删除节点的操作其实类似于FIFO链表的删除操作，把第一个删除掉，第二个节点会补上作为第一个，第三个会补上作为第二个，如此下去，这样节点是索引会随着删除而改变。所以，如果是顺着删除，删除的顺序会是0，2，4等等，如果你不弄清楚，有时候会被搞的莫名奇妙，跳着删除，是吧，然后余下的就不会被删，而且如果子节点较多，这样操作会出错的，弄半天才恍然大悟原来是倒着删还是顺着删这种细微的差别。正确的做法是应该倒着删除。

    var childs=$("#list").children();   

    for(vari=childs.length-1;i>=0;i--){   

            document.getElementById("list").removeChild(childs[i]);   

                    }   

 

找到类名为 "selected"的所有 div 的子元素，并将其设置为蓝色：

$("div").children(".selected").css("color", "blue");

定义和用法

返回匹配元素集合中每个元素的子元素，添加可选参数可通过选择器进行过滤。

语法

.children(selector)

参数	描述
selector	字符串值，包含匹配元素的选择器表达式。

2.删除某个节点

var $li=$("ul li:eq(1)").remove();//删除ul节点中第2个元素节点