jQueryは、順序付けられていないリストからすべてのリストアイテムを削除します


124

リストからすべてのリスト要素をクリアするjQueryコマンドを忘れました。私は少し検索しましたが、以前に何度も検索しましたが、コマンドを忘れてしまいました。

$("ul").clear()
$("ul").empty()

どちらもこれを達成していないようでした。どちらのコマンドが再びですか?

更新:
みんなありがとう、セレクタに構文エラーがあるはずです。


考えてる$("ul").remove();
Dave Kiss

2
$( "ul")。empty()が機能し、子供をクリアします。
Naor

1
@Dave Kiss:削除すると、UL自体が削除されます。
Naor

2
ああ、多分$("ul").children().remove();
Daveはキス

回答:


275

$("ul").empty()正常に動作します。その他のエラーはありますか?

$('input').click(function() {
  $('ul').empty()
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>test</li>
  <li>test</li>
</ul>

<input type="button" value="click me" />

http://jsfiddle.net/infernalbadger/D5ss8/


raw js(jQueryなし)ソリューション:stackoverflow.com/questions/10750137/remove-all-li-from-ul
Eido95


11

これはうまくいくはずです:

$("ul").html('')

それは変です。Chrome(バージョン20.0)で動作します。jsfiddle.net/Ax4xqどちらの場合でも、私は実際に受け入れられた答えを好みます。
RoccoC5


1

クラスまたはIDを調べます。おそらくこのように$( "#resi_result")。html( ''); これはうまくいくはずです:


1
SOへようこそ!なぜあなたの答えは既存の受け入れられた答えを改善すると思いますか?
cfi '


1

複数のulがあり、特定のulを空にしたい場合は、IDを使用します。例:

<ul id="randomName">
   <li>1</li>
   <li>2</li>
   <li>3</li>
</ul>


<script>
  $('#randomName').empty();
</script>

$('input').click(function() {
  $('#randomName').empty()
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul id="randomName">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

<ul>
  <li>4</li>
  <li>5</li>
</ul>
<input type="button" value="click me" />



弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.