web-dev-qa-db-fra.com

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

J'ai oublié la commande jQuery qui effacera tous les éléments de la liste. J'ai fait quelques recherches avant de le faire, mais j'ai tout simplement oublié la commande.

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

les deux ne semblaient pas accomplir ceci .. quelle commande est-ce encore?

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

javascriptjqueryhtml-lists
117
Atticus

$("ul").empty() fonctionne 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/

255
Richard Dalton

Comme noté par d’autres, $('ul').empty()fonctionne bien , ainsi que:

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

Démo de JS Fiddle .

17
David Thomas

Cela devrait fonctionner:

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

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

http://jsfiddle.net/ZKFA5/

3
Naor
   var ul = document.getElementById("yourElementId");

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

Si vous avez plusieurs ul et que vous voulez vider un ul spécifique, 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" />

1
sparsh turkane

cela a fonctionné pour moi avec un code minimal

$(my_list).remove('li');
0
user330844

Un exemple utilisant .remove() :

<p>Remove LI's from list</p>
<ul>
    <li>Test</li>
    <li>Test</li>
    <li>Test</li>
    <li>Test</li>
    <li>Test</li>
</ul>
<p>END</p>

setTimeout(function(){$('ul li').remove();},1000);

http://jsfiddle.net/userdude/ZAd2Y/

En outre, .empty()aurait dû fonctionner .

0
Jared Farrish

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

0
Nanang Rustianto