web-dev-qa-db-ja.com

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

リストからすべてのリスト要素を消去するjQueryコマンドを忘れていました。私は少し検索をし、それを何回も前にやりましたが、単にコマンドを忘れました。

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

どちらもこれを達成していないようでした。

更新：
皆さん、ありがとうございます。セレクターに構文エラーがあります。

javascriptjqueryhtml-lists
117
Atticus

$("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/

258
Richard Dalton

他の人が述べたように、$('ul').empty()正常に動作します

$('ul li').remove();

JS Fiddle demo 。

17
David Thomas

これは動作するはずです：

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

$（ "ul"）。empty（）は動作し、子をクリアします。あなたはそれをここで見ることができます：

http://jsfiddle.net/ZKFA5/

3
Naor
   var ul = document.getElementById("yourElementId");

     while (ul.firstChild)
         ul.removeChild(ul.firstChild);
1
Alexandre Lima

複数の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" />
1
sparsh turkane

クラスまたはIDを見てください。おそらくこのように$（ "＃resi_result"）。html（ ''）;これは動作するはずです：

1
Nanang Rustianto

これは最小限のコードで私のために働いた

$(my_list).remove('li');
0
user330844

.remove() を使用した例：

<p>Remove LI's from list</p>
<ul>
    <li>Test</li>
    <li>Test</li>
    <li>Test</li>
    <li>Test</li>
    <li>Test</li>
</ul>
<p>END</p>

setTimeout(function(){$('ul li').remove();},1000);

http://jsfiddle.net/userdude/ZAd2Y/

また、 .empty()動作するはずです 。

0
Jared Farrish