首頁 > web前端 > js教程 > jquery怎麼從最後移除一個元素

jquery怎麼從最後移除一個元素

青灯夜游
發布: 2022-09-14 18:10:52
原創
3323 人瀏覽過

移除方法:1、利用“eq(-1)”選擇器和remove()方法,語法“$(Element).eq(-1).remove()”;2、利用“ :last」選擇器和remove()方法,語法「$(Element:last).remove()」。

jquery怎麼從最後移除一個元素

本教學操作環境:windows7系統、jquery3.6.1版本、Dell G3電腦。

jquery從最後移除一個元素

#方法1:「eq(-1)」選擇器remove()方法

  • 利用「eq(-1)」選擇器從最後選取最後一個元素

  • 使用remove()方法刪除選取的元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("p").eq(-1).remove();
			});
		</script>

	</head>
	<body>

				<p>第一段</p>
				<p>第二段</p>
				<p>第三段</p>
				<p>第四段</p>
				<p>第五段</p>
				<p>第六段</p>

	</body>
</html>
登入後複製

jquery怎麼從最後移除一個元素

方法2:「:last」選擇器remove()方法

  • 利用「:last」選擇器從最後選取最後一個元素

  • 使用remove()方法刪除選取的元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("p:last").remove();
			});
		</script>

	</head>
	<body>
		<html>
			<body>
				<p>第一段</p>
				<p>第二段</p>
				<p>第三段</p>
				<p>第四段</p>
				<p>第五段</p>
			</body>
		</html>


	</body>
</html>
登入後複製

jquery怎麼從最後移除一個元素

相關教學推薦:jQuery影片教學

以上是jquery怎麼從最後移除一個元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板