Drei Möglichkeiten, Knoten mit jQuery zu löschen

HTML-Code zum Testen:

Was ist Ihre Lieblingsfrucht?

• Apple


• Orange
>
• ananas

1. Remove()-Methode

$("ul li"). click(function(){

alert($(this).html());
});
var $li = $("ul li:eq(1)"). ;
$li.appendTo("ul");

Wenn ein Knoten mit der Methode „remove()“ gelöscht wird, werden alle im Knoten enthaltenen untergeordneten Knoten gleichzeitig gelöscht. Der Rückgabewert dieser Methode ist eine Referenz auf den gelöschten Knoten, sodass die Elemente später wieder verwendet werden können.

2. detach()-Methode

var $li = $("ul li:eq(1)").detach();

$li.appendTo("ul" );

detach() entfernt wie remove() auch alle passenden Elemente aus dem DOM. Es ist jedoch zu beachten, dass diese Methode die übereinstimmenden Elemente nicht aus dem jQuery-Objekt löscht, sodass diese übereinstimmenden Elemente in Zukunft erneut verwendet werden können. Im Gegensatz zu „remove()“ bleiben alle gebundenen Ereignisse und zusätzlichen Daten erhalten.

3. empty()-Methode

var $li = $("ul li:eq(1)").empty();

$li.appendTo("ul" );

Genau genommen löscht die Methode empty() den Knoten nicht, sondern löscht den Knoten. Sie kann alle untergeordneten Knoten im Element löschen.