jQuery rimuove tutti gli elementi dell'elenco da un elenco non ordinato


124

Ho dimenticato il comando jQuery che cancellerà tutti gli elementi dell'elenco da un elenco. Ho fatto un po 'di ricerca, l'ho fatto un sacco di volte prima, ma ho semplicemente dimenticato il comando.

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

entrambi non sembrano aver eseguito questo .. quale comando è di nuovo?

AGGIORNAMENTO:
Grazie ragazzi, devo avere qualche errore di sintassi sul mio selettore.


Ci stai pensando $("ul").remove();?
Dave Kiss

2
$ ("ul"). empty () dovrebbe funzionare e azzerare i bambini.
Naor

1
@ Dave Kiss: remove rimuoverà th ul stesso.
Naor

2
ah, forse$("ul").children().remove();
Dave Kiss

Risposte:


275

$("ul").empty()funziona bene. C'è qualche altro errore?

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




11

Questo dovrebbe funzionare:

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

È strano. Funziona per me in Chrome (versione 20.0). jsfiddle.net/Ax4xq In entrambi i casi, in realtà preferisco la risposta accettata.
RoccoC5


1

Guarda la tua classe o id. Forse in questo modo $ ("# resi_result"). Html (''); Questo dovrebbe funzionare:


1
Benvenuto in SO! Perché pensi che la tua risposta migliori rispetto alla risposta esistente e accettata?
cfi

1
   var ul = document.getElementById("yourElementId");

     while (ul.firstChild)
         ul.removeChild(ul.firstChild);

1

Se si dispone di più ul e si desidera svuotare ul specifici, utilizzare id, ad esempio:

<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

questo ha funzionato per me con un codice minimo

$(my_list).remove('li');
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.