Heim > Artikel > Web-Frontend > So entfernen Sie das erste Element mit jquery
Methode zum Entfernen des ersten Elements: 1. Verwenden Sie den Selektor „eq(0)“ und die Methode „remove()“, Syntax „$(“Element“).eq(0).remove()“ 2. Verwenden Sie „: first“ Selektor und Methode „remove()“, Syntax „$(“Element:first“).remove()“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
jquery entfernt das erste Element
Methode 1: Selektor „eq(0)“ + Methode „remove()“
Verwenden Sie den Selektor „eq(0)“, um das erste Elementobjekt abzurufen
Verwenden Sie die Methode „remove()“, um das ausgewählte Element zu löschen
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#but1").click(function() { $("p").eq(0).remove(); }); }); </script> </head> <body> <p>第一段</p> <p>第二段</p> <p>第三段</p> <p>第四段</p> <p>第五段</p> <p>第六段</p> <button id="but1">删除第一个元素</button> </body> </html>
Methode 2: Selektor „:first“ und Methode „remove()“
Verwenden Sie den Selektor „:firs“, um das erste zu erhalten Elementobjekt
Verwenden Sie die Methode „remove()“, um das ausgewählte Element zu löschen
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#but1").click(function() { $("p:first").remove(); }); }); </script> </head> <body> <p>第一段</p> <p>第二段</p> <p>第三段</p> <p>第四段</p> <p>第五段</p> <p>第六段</p> <button id="but1">删除第一个元素</button> </body> </html>
Empfohlene verwandte Tutorials: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo entfernen Sie das erste Element mit jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!