javascript - jq怎么删除父元素中指定子元素？

Question

<ul>
    <li><li/>
    <li><li/>
    <li><li/>
    <li><li/>
<ul>

上面代码，我想保留第一个li，其他的li删除，请问有什么方法吗，谢谢！

Answer 1

 $("ul li").eq(0).siblings().remove();

eq() 方法返回被选元素中带有指定索引号的元素；
siblings() 方法返回被选元素的所有同胞元素。
你可以去看看jQuery教程http://www.runoob.com/jquery/jquery-tutorial.html。

Answer 2

    //原生的js
function remove(oparent,ochild,start,offset){
    var  parent  = document.querySelector(oparent), // 获取父级元素
         chilren = parent.querySelectorAll(ochild), // 获取子级元素
         len     = chilren.length,// 子元素的长度        
         start   = start || 0, // 开始的位置
         offset  = offset ? start+offset : len; // 删除的数量，offset大于0，如果offset存在的话，那么开始位置加上位移，否则就是元素的长度剩余的长度；
     if(len<=start) return;
     for(var i = start; i< offset;i++ ){
         parent.removeChild(chilren[i]);
     }
}

Answer 3

$("ul > li:not(:first-child)").remove();