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.

Atticus
la source
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/

Richard Dalton
la source
Solution raw js (pas de jQuery): stackoverflow.com/questions/10750137/remove-all-li-from-ul
Eido95
17

Comme indiqué par d'autres, $('ul').empty() fonctionne bien , tout comme:

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

Démo de JS Fiddle .

David dit de réintégrer Monica
la source
11

Cela devrait fonctionner:

$("ul").html('')
RoccoC5
la source
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
3

$ ("ul"). empty () devrait fonctionner et effacer les enfants. Tu peux le voir ici:

http://jsfiddle.net/ZKFA5/

Naor
la source
1

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

Nanang Rustianto
la source
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);
Alexandre Lima
la source
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" />

turcane clairsemée
la source
0

cela a fonctionné pour moi avec un code minimal

$(my_list).remove('li');
user330844
la source