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.


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/






1

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


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);

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



0

isso funcionou para mim com código mínimo

$(my_list).remove('li');
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.