当前位置 : 主页 > 网页制作 > JQuery >

jQuery .remove不适用于嵌套元素

来源:互联网 收集:自由互联 发布时间:2021-06-15
我试图简单地删除ul中的所有嵌套li元素,但它不起作用.为什么这段代码不起作用?我错过了什么? HTML ul id="myul"/ulbr/button onclick="add();"add/buttonbr/button onclick="remAll();"remove all/button JS func
我试图简单地删除ul中的所有嵌套li元素,但它不起作用.为什么这段代码不起作用?我错过了什么?

HTML

<ul id="myul">
</ul>
<br/>
<button onclick="add();">add</button><br/>
<button onclick="remAll();">remove all</button>

JS

function add()
{
    $('#myul').append('<li>hello world</li>');
}

function remAll()
{
    $('#myul').remove('li');
}

http://jsfiddle.net/gPnxY/

换句话说,remove()的selector参数是对所讨论对象的过滤器.
在这种情况下,所讨论的对象只是具有id myUl的单个元素,因此不包含任何< li>元素.

jsFiddle

$('#myul').find('li').remove();

要么

$('#myul li').remove();
网友评论