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.