Heim > Artikel > Web-Frontend > So entfernen Sie das erste Element mit jquery
So entfernen Sie das erste Element mit jquery
- 青灯夜游Original
- 2021-11-16 15:06:112322Durchsuche
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!