Rumah >hujung hadapan web >tutorial js >Bagaimana untuk mengalih keluar elemen dari hujung dalam jquery

Bagaimana untuk mengalih keluar elemen dari hujung dalam jquery

青灯夜游
青灯夜游asal
2021-11-15 17:23:513316semak imbas

Kaedah pengalihan keluar: 1. Gunakan pemilih "eq(-1)" dan kaedah buang(), sintaks "$(Element).eq(-1).remove()" 2. Gunakan " : kaedah pemilih dan keluarkan() terakhir", sintaks "$(Element:last).remove()".

Bagaimana untuk mengalih keluar elemen dari hujung dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.6.1, komputer Dell G3.

jquery mengalih keluar elemen dari hujung

Kaedah 1: kaedah "eq(-1)" selector remove()

  • Gunakan pemilih "eq(-1)" untuk memilih elemen terakhir dari hujung

  • Gunakan kaedah remove() untuk mengalih keluar Elemen pemilihan

<!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>

Bagaimana untuk mengalih keluar elemen dari hujung dalam jquery

Kaedah 2: kaedah ":last" selector remove()

  • Gunakan pemilih ":last" untuk memilih elemen terakhir dari hujung

  • Gunakan kaedah remove() untuk memadam elemen yang dipilih

<!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>

Bagaimana untuk mengalih keluar elemen dari hujung dalam jquery

Cadangan tutorial berkaitan: tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar elemen dari hujung dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn