jQuery elimina todos los elementos de la lista de una lista desordenada

124

Olvidé el comando jQuery que borrará todos los elementos de una lista. Hice un poco de búsqueda, lo hice muchas veces antes, pero simplemente olvidé el comando.

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

ambos no parecen lograr esto ... ¿qué comando es de nuevo?

ACTUALIZACIÓN:
Gracias chicos, debo tener algún error de sintaxis en mi selector.

Atticus
fuente
Estas pensando $("ul").remove();?
Dave Kiss
2
$ ("ul"). empty () debería funcionar y borrar a los niños.
Naor
1
@Dave Kiss: eliminar eliminará a sí mismo.
Naor
2
ah, tal vez$("ul").children().remove();
Dave Kiss

Respuestas:

275

$("ul").empty()funciona bien. ¿Hay algún otro error?

$('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
fuente
solución js sin formato (sin jQuery): stackoverflow.com/questions/10750137/remove-all-li-from-ul
Eido95
11

Esto debería funcionar:

$("ul").html('')
RoccoC5
fuente
Eso es extraño. Funciona para mí en Chrome (versión 20.0). jsfiddle.net/Ax4xq En cualquier caso, prefiero la respuesta aceptada.
RoccoC5
1

Mira tu clase o id. Quizás así $ ("# resi_result"). Html (''); Esto debería funcionar:

Nanang Rustianto
fuente
1
Bienvenido a SO! ¿Por qué crees que tu respuesta mejora en la respuesta aceptada existente?
cfi
1
   var ul = document.getElementById("yourElementId");

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

Si tiene múltiples ul y desea vaciar un ul específico, use id, por ejemplo:

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

turkane espumoso
fuente
0

esto funcionó para mí con un código mínimo

$(my_list).remove('li');
usuario330844
fuente