jQuery .remove不适用于嵌套元素

Question

我正在尝试简单地移除li中的所有嵌套ul元素，但它无效。为什么这段代码不起作用？我错过了什么？

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/

Answer 1

相反，remove()的选择器参数是相关对象的过滤器。 在这种情况下，相关对象只是标识为myUl的单个元素，因此不包含任何<li>元素。

jsFiddle

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

或

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

Answer 2

jsFiddle here

这很好：

$('#myul').empty();

阅读更多精彩内容：http://api.jquery.com/empty/

此外：

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

Answer 3

或做：

function remAll()
{
    $('#myul').html("");
}

演示：http://jsfiddle.net/Xq4q8/1/

Answer 4

在我的情况下，我有从内容对象生成的ID值，值为'。'在他们中......例如：

{ id : 'abc1.ec' }

这使我的.remove（）调用在无效的id字符串上失败。一旦我弄明白了并生成了有效的ID字符串，一切正常。