Gegenteil von in jquery anhängen


81

Ich benutze .append, um zu einem div hinzuzufügen

$(this).append('<ul><li>test</li></ul>');

Wie kann ich nach einem suchen <ul>und es entfernen, wenn es in den Kindern von existiert $(this)?

Antworten:


88

Sie könnten verwenden remove(). Weitere Informationen zu jQuery remove () .

$(this).children("ul").remove();

Beachten Sie, dass dadurch alle untergeordneten ulElemente entfernt werden.


Ich möchte ein Element (div) in eine Variable holen. Wie kann ich das machen?
— Prasanth Jaya

23

Das Gegenteil von .append()ist .prepend().

Aus der jQuery-Dokumentation zum Voranstellen…

Die Methode .prepend () fügt den angegebenen Inhalt als erstes untergeordnetes Element jedes Elements in die jQuery-Auflistung ein (Um es als letztes untergeordnetes Element einzufügen, verwenden Sie .append ()).

Mir ist klar, dass dies den speziellen Fall des OP nicht beantwortet . Aber es beantwortet die Überschrift der Frage. :) Und es ist der erste Treffer bei Google für "jquery across append".


1
Beantwortet meine Frage. "Was ist das Gegenteil von Anhängen"
— Chris Marisic


14

Was Sie auch berücksichtigen sollten, ist, einen Verweis auf das erstellte Element beizubehalten, und Sie können es dann einfach spezifisch entfernen:

   var newUL = $('<ul><li>test</li></ul>');
   $(this).append(newUL);

   // Later ...

   newUL.remove();

Können Sie uns etwas mehr erklären?
— Shamseer Ahammed

@ShamseerAhammed Was verstehst du nicht?
— RoToRa

9

Ich hatte gerade das gleiche Problem und bin darauf gestoßen - was für mich eigentlich der Trick ist:

// $("#the_div").contents().remove();
// or short: 
$("#the_div").empty();
$("#the_div").append("HTML goes in here...");

1
Ich glaube .contents().remove()gleich .empty().
— Pimvdb

2
Ich bin mir nicht ganz sicher, ob Sie von Verkettung wissen - nur für den Fall, dass Sie dies nicht tun, können Sie Anweisungen in jQuery wie $(...).empty().append(...):) kombinieren
— pimvdb

5

Gegenüber ist Kinder (), aber gegenüber ist Präfix (). Hier ein sehr gutes Tutorial.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.