jquery如何实现点击元素相邻元素隐藏

本篇内容主要讲解"jquery如何实现点击元素相邻元素隐藏"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"jquery如何实现点击元素相邻元素隐藏"吧!

方法：1、用click()给元素绑定点击事件，并设置处理函数；2、在处理函数中，用next()和prev()函数获取相邻元素，并用hide()将获取到的元素隐藏，语法为"元素.next().hide();元素.prev().hide()"。

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

jquery实现点击元素，其相邻元素隐藏

实现方式：

• 使用click()函数给指定元素绑定点击事件，并设置处理函数

• 在处理函数中，使用next()和prev()函数获取相邻元素，并使用hide()函数将获取的元素隐藏

• next():用来获取下一个同辈元素。
  

• prev():用来获取上一个同辈元素。

实现代码：

                                                                                                        
                        
ul (父节点)                                
li 
                                
li (类名为"star"的相邻元素)
                                
类名称为"star"的li元素
                                
li (类名为"star"的相邻元素)
                                
li 
                        
                
                
点击类名称为"star"的li元素，隐藏其相邻的两个元素
        

到此，相信大家对"jquery如何实现点击元素相邻元素隐藏"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！