So fügen Sie ein Listenelement an einer bestimmten Position hinzu

Ich möchte noch hinzufügen, dass ein <li> an einer bestimmten position, zum Beispiel:

<ul id="list">
    <li>Position 1</li>
    <li>Position 2</li>
    <li>Position 4</li>
<ul>

Sagen wir mal so, ich möchte hinzufügen eines neuen <li> unten/nach <li>Position 2</li>wie kann ich es mithilfe von jQuery?

Ich habe versucht, es zu tun mit dem nachstehenden code:

$('#list li:eq(1)').append('<li>Position 3</li>');

Aber es hat nicht funktioniert, weil es fügt die <li> innerhalb der <li>Position 2</li> stattdessen fügen Sie die <li> unten/nach der <li>Position 2</li>.

Kann mir jemand etwas Hilfe?

Danke.

InformationsquelleAutor der Frage Germanico Brismal | 2010-05-28

  1. 68

    Verwenden Sie () statt append():

    Beschreibung: Inhalte Einzufügen, spezifiziert durch die parameter, nach der jedes element in dem Satz von abgestimmten Elementen.

    $('#list li:eq(1)').after('<li>Position 3</li>');

    In der Dokumentation von append() sagt ganz klar:

    Inhalte einfügen (...) zu Ende jedes element.

    Vollständigkeit halber:

    Beachten Sie, dass :eq(n) entspricht der nte element des matching-Elemente, in der Erwägung, dass :nth-child(n) entspricht der nte Kind der Eltern.

    InformationsquelleAutor der Antwort Felix Kling

  2. 7

    Sollten Sie verwenden after() oder insertAfter()

    http://api.jquery.com/category/manipulation/dom-insertion-outside/

    InformationsquelleAutor der Antwort emmanuel

  3. 3
    $('<option val="position3">Position3</option>').insertAfter('#list :nth-child(<give childnumber here>)')

    index mit 1 beginnen

    InformationsquelleAutor der Antwort jay

  4. 1

    Überprüfen insertAfter hier

    InformationsquelleAutor der Antwort Teja Kantamneni

Schreibe einen Kommentar