jquery怎么清除同级非选中的元素-前端问答-PHP中文网

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

仗义的炒面 · jQuery EasyUI 表单 – ...· 8 月前 ·

温柔的春卷 · jQuery - 元素的位置與大小 | 樂遊前端趣· 7 月前 ·

慈祥的针织衫 · 初學者指南：深入了解 jQuery ...· 7 月前 ·

沉稳的冰棍 · 使用jQuery和Ajax創建互動式網頁連動 ...· 7 月前 ·

活泼的小熊猫 · jquery實例演練01 - iT ...· 5 月前 ·

爱笑的小蝌蚪 · 香港護士管理局 - 註冊護士名單· 7 月前 ·

逆袭的甘蔗 · 新闻动态-自贡华能电器有限公司· 1 年前 ·

谦虚好学的跑步机 · socket.on事件多次被触发-腾讯云开发 ...· 1 年前 ·

礼貌的小马驹 · 紧扣开放发展战略强化园区承载功能-安康发展· 2 年前 ·

温暖的遥控器 · python爬取某站磁力链 - GUXH ...· 2 年前 ·

清除方法：1、使用siblings()获取选中元素的其他所有同级元素，语法“指定元素.siblings()”，会返回一个包含所有同级元素的jquery对象；2、用remove()删除获取到的同级元素，语法“同级元素对象.remove()”。

jquery怎么清除同级非选中的元素

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery清除同级非选中元素的方法

1、使用siblings()选取选中元素的其他所有同级元素

siblings()方法，主要用于获得指定元素的同级所有元素

$(selector).siblings()

登录后复制

会返回包含所有同级元素的一个jquery对象。

2、使用remove()删除获取到的同级元素

同级元素对象.remove()

登录后复制

remove() 方法移除被选元素，包括所有的文本和子节点。该方法也会移除被选元素的数据和事件。

<!DOCTYPE html>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			.siblings * {
				display: block;
				border: 2px solid lightgrey;
				color: lightgrey;
				padding: 5px;
				margin: 15px;
		</style>
		<script>
			$(document).ready(function() {
				$("li.start").css({
					"color": "red",
					"border": "2px solid red"
				$("button").click(function() {
					$("li.start").siblings().remove();
		</script>
	</head>
		<div style="width:500px;" class="siblings">
			<ul>ul (父节点)
				<li>li (类名为"star"的上一个兄弟节点)</li>
				<li>li (类名为"star"的上一个兄弟节点)</li>
				<li class="start">类名称为“star”的li元素</li>
				<li>li (类名为"star"的下一个兄弟节点)</li>
				<li>li (类名为"star"的下一个兄弟节点)</li>
		<p>选择类名称为“star”的li元素的所有兄弟元素</p>
		<button>清除同级非选中的元素</button>
	</body>
</html>

登录后复制

【推荐学习： jQuery视频教程、 web前端开发】

以上就是jquery怎么清除同级非选中的元素的详细内容，更多请关注php中文网其它相关文章！

session_variables 表在 performance_schema 中不存在在将MySQL升级到5.7.8-rc版本并登录服务器后，我遇到了以下错误：表'performance_schema.session_variables'不存在我找不到任何解决方案。... P粉504920992来自于2023-09-22 13:52:07 Laravel按价格排序，带有特殊价格条件我有一个带有以下列（价格，特价，是否特价）的表。+-------+------+-----------------+--------------+---------+|id|pri... P粉030479054来自于2023-09-22 13:06:46 renderHook中waitForNextUpdate的替代方案我已经更新了Testing-library，但我在这种情况下很难找到waitForNextUpdate的替代方法（在react-testing-libraryv13中不再可用htt... P粉198670603来自于2023-09-22 11:40:09 为什么我无法在Next JS应用中使用CSS文件？我一直在一个使用NextJS进行网站设计的项目中工作，想要使用CSS文件进行组件设计，但为什么我无法在我的组件中导入呢？在NextJS应用中是否可能只能使用模块化的CSS文件？我尝... P粉904191507来自于2023-09-22 10:58:43 如何将函数传递给动态创建的 href？我想把一个函数传递给我的a标签链接的href属性，但无论我尝试什么都不起作用。它要么导致404页面，要么根本无法点击。我做错了什么？这个是不可点击的<body><... P粉571233520来自于2023-09-22 09:37:55 getFirstHalf函数返回结果时出现问题正在开发一个函数，该函数接受一个数组并返回该数组的前一半，但在返回之前，它会调用自身，直到数组的长度为1：constgetFirstHalf=function(array){con... P粉311617763来自于2023-09-22 08:49:09 使用React.StrictMode和fabric.js的Canvas实例进行重渲染我正在创建一个织物画布和按钮，这些按钮实例化的形状应该是可选择的。我不明白为什么在以下情况下我的组件会被重新渲染两次。因此，我的织物形状无法选择。然而，当我从我的index.tsx... P粉659378577来自于2023-09-21 23:48:52 PHP存储数据库效率的问题程序一：for($i=0;$<100;$++){连接数据库；执行select提前一个值；断开数据库连接；连接数据库；执行一次updata 存储数据；断开数据库连接；}程序执行... 八哥来自于2023-09-22 22:46:18 React Native自定义TextInput不响应onChangeText事件我想在ReactNative中创建和使用一个CustomTextInput。我已经按照下面的代码创建了它，但是CustomTextInput中的onChangeText属性没有正常... P粉743288436来自于2023-09-21 22:59:27 检查一个PHP字符串是否仅由整数组成我正在编写PHP代码来验证用户输入的一些数据，其中之一是整数，我使用$_REQUEST["age"]来获取它，当我用gettype($_REQUEST[&quo... P粉788765679来自于2023-09-21 21:52:44