Heim > Artikel > Web-Frontend > So entfernen Sie Elementinhalte mit jquery
Methode: 1. Verwenden Sie die Methoden „children()“ und „remove()“, um den Inhalt des angegebenen Elements zu löschen. Die Syntax lautet „$(element).children().remove();“; )-Methode zum Löschen des Inhalts des angegebenen Elements. Die Syntax lautet „$(element).empty();“.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 1.10.0, Dell G3-Computer.
So entfernen Sie Elementinhalte mit JQuery
In JQuery können Sie das ID-Attribut für einen Teil des Inhalts-Tags innerhalb des Tags festlegen und einen Teil des Inhaltsobjekts über die ID erhalten.
Wenn Sie Elemente und Inhalte löschen müssen, können Sie im Allgemeinen die folgenden zwei jQuery-Methoden verwenden:
remove() – das ausgewählte Element (und seine Unterelemente) löschen
empty() – löschen aus das ausgewählte Element Untergeordnete Elemente
Sehen wir uns die Verwendung dieser beiden Methoden anhand von Beispielen an:
1 Verwenden Sie die Methode children(), um alle direkten untergeordneten Elemente des ausgewählten Elements zurückzugeben , und verwenden Sie dann die jQuery-Methode „remove()“, um das ausgewählte Element und seine untergeordneten Elemente zu löschen.
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").children().remove(); }); }); </script> </head> <body> <div id="div1" style="height:120px;width:300px;border:1px solid black;background-color:yellow;"> <p>This is some text in the div.</p> <p>This is a paragraph in the div.</p> <p>This is another paragraph in the div.</p> </div> <br> <button>删除 div 元素</button> </body> </html>
Ausgabeergebnis:
2. Die jQuery-Methode empty() löscht die untergeordneten Elemente des ausgewählten Elements.
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").empty(); }); }); </script> </head> <body> <div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;"> This is some text in the div. <p>This is a paragraph in the div.</p> <p>This is another paragraph in the div.</p> </div> <br> <button>清空 div 元素</button> </body> </html>
Ausgabeergebnisse:
Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo entfernen Sie Elementinhalte mit jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!