jquery如何获取当前被点击元素之外的同级元素

您所在的位置：网站首页 › 获取当前元素的同级元素有哪些 › jquery如何获取当前被点击元素之外的同级元素

jquery如何获取当前被点击元素之外的同级元素

2024-03-07 11:54| 来源: 网络整理| 查看: 265

思路：获取被点击元素之外的元素，使用remove()方法删除节点。

下面进行实例演示：

实例一：点击某个div后，删除同级的其余div元素：

1、HTML结构

1 2 3

2、jquery代码

$(function(){ $(".test").click(function() { // 使用siblings获取被点击元素之外的同级元素，然后使用remove()删除 $(this).siblings().remove(); }); });

示例二：

1、html

主页 > 我的课程 > 我的收藏 > 个人信息 > 答疑 >

2、jquery代码

$(document).ready(function(){ // 左边导航栏控制 $('.user-menu-nav-block a').click(function(){ $(this).find('li').addClass('user-menu-nav-cur'); //find是获取this下的子元素，即当前点击的元素 $(this).find('li').removeClass('user-menu-nav'); $(this).siblings().find('li').addClass('user-menu-nav');//siblings是获取前被点击元素之外的同级元素 $(this).siblings().find('li').removeClass('user-menu-nav-cur'); }); });

【本文地址】

jquery如何获取当前被点击元素之外的同级元素

jquery如何获取当前被点击元素之外的同级元素

今日新闻

推荐新闻