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

创新互联-专业网站定制、快速模板网站建设、高性价比浦口网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式浦口网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖浦口地区。费用合理售后完善，十余年实体公司更值得信赖。

方法：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