jQuery: Append child-element vor dem child-element

Habe ich einen HTML-code wie dieser:

<div id="content">

    <div class="foobar"></div>
</div>

Möchte ich Anhängen, child-Elemente innerhalb div#content vor der div.foobar element. Wie kann das tun?

.prepend() ist dein Freund.
developer.mozilla.org/fr/docs/DOM/element.insertBefore
Die Dokumentation kann einschüchternd sein, und das ist, was dieser Website ist für. Jedenfalls war ich Googeln, es selbst, das war das erste Ergebnis, und ich habe meine Antwort (oder war zumindest schon in die richtige Richtung), also mission erfüllt.

InformationsquelleAutor Ziyaddin Sadigov | 2013-12-29

  1. 13

    Bevor ich deine Frage beantworte, lassen Sie mich etwas mehr übersichtlicher und leichter zu u, so dass Sie verstehen, was Ihr versucht zu

    Anhängen bedeutet, Sie können das einfügen von Elementen als untergeordnete Elemente am Ende des Selektors

    Beispiel append() and appendTo()

    Voranstellen bedeutet, Sie können Elemente einfügen, die als untergeordnete Elemente am Anfang des Selektors

    Beispiel prepend() and prependTo()

    Beachten Sie, dass der Selektor wird als ein parent

    Vor bedeutet, Sie können Elemente hinzufügen, kurz bevor der Selektor

    Beispiel before() and insertBefore()

    Nach bedeutet, Sie können Elemente hinzufügen, nur nach dem Selektor

    Beispiel after() and insertAfter()

    vor und nach does not behandeln Selektor als ein parent element

    Nun um deine Frage zu beantworten

    Kann man es mit prepend or before

    <div id="content">
    <div class="foobar"></div>
</div>

$("your element").insertBefore("#content div.foobar") //or
$("#content div.foobar").before("element") //or
$("#content").prepend("element") //or
$("element").prependTo("#content")

    Beachten Sie den Wahlschalter-Positionen in prepend() and prependTo()

    Danke, @niko, für die klare Erläuterung!

    InformationsquelleAutor niko

  2. 4

    Können Sie vor der()an/insertBefore() wie

    $('#content .foobar').before(newcontent)
$(newcontent).insertBefore('#content .foobar')

    oder wenn Sie wollen, um neue Inhalte einzufügen als erstes Kind von #content dann verwenden prepend()

    $('#content').prepend(newcontent)
    Ich denke, man verlegt das selector-und die Inhalte ? es sollte insertBefore
    Ich denke, dass das Eine richtig ist. der einzige Unterschied besteht in der Methode Verwendung. $(second).before(first) und $(first).insertBefore(second)
    ja, aber die zweite Aussage sollte insertBefore denke ich mal?
    ahh ja, jetzt sehe ich Sie.
    .before() nicht akzeptieren, einen Selektor (nicht die downvoter).

    InformationsquelleAutor Arun P Johny

Schreibe einen Kommentar