javascript entfernen, li, ohne entfernen von ul?

Gibt es einen Weg, um entfernen Sie die li-Elemente des ul auch ohne entfernen des ul? Ich kann nur scheinen, um diese zu finden.

var element = document.getElementById('myList');
element.parentNode.removeChild(element);

Aber dies entfernt die ul. Ich bin der Hoffnung, in der Lage sein, zu entfernen und fügen Sie die li-Elemente on-the-fly, ohne zu createElement ul jedes mal, wenn ich entfernen Sie die li-Elemente. Gerade auf der Suche nach einem einfacheren Weg. Vielen Dank für jede Hilfe.

<div id="listView">
  <ul id="myList" class="myList-class">
    <li>item 1</li>
    <li>item 2</li>
  </ul>
</div>
Sie haben eine li mit id="div"?
Hält die nächsten Entwickler zu raten.
Veröffentlichen Sie Ihre HTML.
Sorry, war in Eile. html gepostet.
Husten. So ist es div oder myDiv?

InformationsquelleAutor MAZUMA | 2013-09-13

  1. 13

    Können Sie so etwas tun.

    var myList = document.getElementById('myList');
myList.innerHTML = '';

    Wenn Sie mit jQuery

    $('#myList').empty();

    Beides entfernen Sie ALLES in der Liste.

    InformationsquelleAutor

  2. 9

    Dies sollte den trick tun:

    var lis = document.querySelectorAll('#myList li');
for(var i=0; li=lis[i]; i++) {
    li.parentNode.removeChild(li);
}

    Demo http://jsfiddle.net/krasimir/UhhuX/

    Dies war für mich mit ein neben. Denn ich war nur entfernen bestimmte Liste von Objekten, die nicht alle von Ihnen, die ich hatte, um "i = i -1;" nach dem Aufruf von removeChild stellen Sie sicher, dass die Liste und der index blieb ich in sync.
    Ich mochte diese Antwort, denn es entfernt nur die <li> Elemente. Wenn, aus irgendeinem Grund, Sie haben etwas anderes in Ihrem <ul> ist, dass nicht gewischt bekommen.

    InformationsquelleAutor

  3. 4

    Es ist aus dem Grund entfernen der ul ist, weil Sie haben die element variable zeigt auf die ul. Ihre nächste Codezeile bewegt sich dann nach oben zu den übergeordneten (#listView) und wendet die removechild Methode mit der element Variablen (Punkte, die zu ul element) übergeben.

    Wenn Sie entfernen müssen alle li-Elemente, dann können Sie verwenden:

    document.getElementById('myList').innerHTML = '';

    die leeren die ul komplett. Wenn Sie brauchen, um ausgewählte entfernen li Elemente dann können Sie die traverse aus #myList auf die einzelnen child-Elemente, die mit etwas wie:

    var ulElem = document.getElementById('myList');

ulElem.removeChild(ulElem.childNodes[i])

    wo i ist der index der li Sie entfernen möchten (0 für den 1., 1 für 2., etc.)

    Referenz: https://developer.mozilla.org/en-US/docs/Web/API/Node.removeChild

    InformationsquelleAutor

  4. 0

    Solange wir ersten Kind - es zu entfernen. (die werden so lange haben wir auch ein Mitglied).

      const removeNodesFromList = () => {
    const nodes = document.querySelector('.ul-class-selector');
    while (nodes.firstChild) {
      nodes.removeChild(nodes.firstChild);
    }
  };

    InformationsquelleAutor

Schreibe einen Kommentar