jquery - 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');
}

score 10 · Accepted Answer

代わりにこれを行います。のセレクター引数remove()は、問題のオブジェクトのフィルターです。この場合、問題のオブジェクトは id を持つ単一の要素であるため、要素myUlは含まれていません<li>。

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

また

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

score 3 · Accepted Answer

これはいいね：

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

もっとクールなものを読む：http：//api.jquery.com/empty/

また：

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

score 0 · Accepted Answer

または行う：

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

score 0 · Accepted Answer

私の場合、コンテンツオブジェクトから生成された ID 値があり、その値には「.」が含まれていました。それらの中で..例：

{ id : 'abc1.ec' }

これにより、無効な ID 文字列で .remove() 呼び出しが失敗しました。これを理解して有効な ID 文字列を生成すると、すべて正常に機能しました。

4 に答える 4