jQuery remove todos os itens da lista de uma lista não ordenada

124

Esqueci o comando jQuery que limpará todos os elementos da lista. Pesquisei um pouco, fiz várias vezes antes, mas simplesmente esqueci o comando.

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

ambos não pareciam realizar isso .. qual comando é mesmo?

UPDATE:
Obrigado pessoal, devo ter algum erro de sintaxe no meu seletor.

Atticus
fonte
Você está pensando $("ul").remove();?
Dave Kiss
2
$ ("ul"). empty () deve funcionar e limpar as crianças.
Naor
1
@Dave Kiss: remover irá remover th si.
Naor
2
ah, talvez$("ul").children().remove();
Dave Beijo

Respostas:

275

$("ul").empty()funciona bem. Existe algum outro erro?

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

Richard Dalton
fonte
solução js bruta (sem jQuery): stackoverflow.com/questions/10750137/remove-all-li-from-ul
Eido95
17

Como observado por outros, $('ul').empty() funciona bem , assim como:

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

Demonstração JS Fiddle .

David diz para restabelecer Monica
fonte
11

Isso deve funcionar:

$("ul").html('')
RoccoC5
fonte
Isso é estranho. Funciona para mim no Chrome (versão 20.0). jsfiddle.net/Ax4xq Em ambos os casos, prefiro a resposta aceita.
RoccoC5
3

$ ("ul"). empty () deve funcionar e limpar as crianças. Você pode vê-lo aqui:

http://jsfiddle.net/ZKFA5/

Naor
fonte
1

Procure sua classe ou ID. Talvez seja assim $ ("# resi_result"). Html (''); Isso deve funcionar:

Nanang Rustianto
fonte
1
Bem-vindo ao SO! Por que você acha que sua resposta melhora a resposta existente aceita?
Cfi 01/01
1
   var ul = document.getElementById("yourElementId");

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

Se você possui vários ul e deseja esvaziar ul específico, use id, por exemplo:

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

turco esparso
fonte
0

isso funcionou para mim com código mínimo

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