首页 > jq怎么删除父元素中指定子元素?

jq怎么删除父元素中指定子元素?

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

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


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

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


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

    //原生的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]);
     }
}
【热门文章】
【热门文章】