jQuery supprime tous les éléments de liste d'une liste non ordonnée


124

J'ai oublié la commande jQuery qui effacera tous les éléments de la liste d'une liste. J'ai fait un peu de recherche, je l'ai fait plusieurs fois auparavant, mais j'ai simplement oublié la commande.

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

les deux n'ont pas semblé accomplir cela .. quelle commande est-ce encore?

MISE À JOUR:
Merci les gars, je dois avoir une erreur de syntaxe sur mon sélecteur.


Pensez-vous $("ul").remove();?
Dave Kiss

2
$ ("ul"). empty () devrait fonctionner et effacer les enfants.
Naor

1
@Dave Kiss: remove supprimera th ul lui-même.
Naor

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

Réponses:


275

$("ul").empty()fonctionne très bien. Y a-t-il une autre erreur?

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

Cela devrait fonctionner:

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

C'est étrange. Fonctionne pour moi dans Chrome (version 20.0). jsfiddle.net/Ax4xq Dans les deux cas, je préfère en fait la réponse acceptée.
RoccoC5


1

Regardez votre classe ou votre identifiant. Peut-être comme ça $ ("# resi_result"). Html (''); Cela devrait fonctionner:


1
Bienvenue à SO! Pourquoi pensez-vous que votre réponse améliore la réponse existante et acceptée?
cfi

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

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

1

Si vous avez plusieurs ul et souhaitez vider des ul spécifiques, utilisez id, par exemple:

<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

cela a fonctionné pour moi avec un code minimal

$(my_list).remove('li');
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.