jquery如何刪除節(jié)點(diǎn)下所有元素

發(fā)布時(shí)間：2022-04-22 15:09:13 來源：億速云閱讀：460 作者：iii 欄目：web開發(fā)

這篇文章主要講解了“jquery如何刪除節(jié)點(diǎn)下所有元素”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“jquery如何刪除節(jié)點(diǎn)下所有元素”吧！

jq刪除節(jié)點(diǎn)下所有元素的方法：1、用find()獲取該節(jié)點(diǎn)下的所有（包括子集的子集）子集元素，語法“指定節(jié)點(diǎn)對象.find("*")”，會(huì)返回一個(gè)元素集合；2、用remove()刪除元素集合中的所有元素，語法“元素集合.remove()”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

jquery刪除節(jié)點(diǎn)下所有元素的方法

實(shí)現(xiàn)思想：

使用find()方法獲取該節(jié)點(diǎn)下的所有（包括子集的子集）子集元素
使用remove()方法刪除獲取到的所有子集元素

實(shí)現(xiàn)代碼：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			.div,
			div * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
			}
			ul *{
				color:red;
				border:2px solid red;
			}
		</style>

		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$("ul").find("*").remove();
				});
			});
		</script>
	</head>

	<body class="ancestors">
		<div style="width:500px;">div (父節(jié)點(diǎn))
			<ul>ul (指定元素)
				<li>li (子節(jié)點(diǎn)1)
					<span>span (孫節(jié)點(diǎn)1)</span>
				</li>
				<li>li (子節(jié)點(diǎn)2)
					<span>span (孫節(jié)點(diǎn)2)</span>
				</li>
				<li>li (子節(jié)點(diǎn)3)
					<span>span (孫節(jié)點(diǎn)3)</span>
				</li>
			</ul>
		</div>
		<button>刪除ul節(jié)點(diǎn)下所有元素</button>
	</body>

</html>

jquery如何刪除節(jié)點(diǎn)下所有元素

感謝各位的閱讀，以上就是“jquery如何刪除節(jié)點(diǎn)下所有元素”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對jquery如何刪除節(jié)點(diǎn)下所有元素這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！

向AI問一下細(xì)節(jié)

jquery如何刪除節(jié)點(diǎn)下所有元素

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽