jquery 如何获取2个元素之间的同胞元素
日期：2014-05-16 浏览次数：20373 次
jquery 怎么获取2个元素之间的同胞元素。
我在ul里面的li之间插了一些h2，我现在想当我点击其中一个h2时，隐藏这个之后，下个h2之前的li。用的jquery，该怎么写选择器？
------解决方案--------------------
第二行改成 $("h2").each(function(){
------解决方案--------------------
中文乱码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(function(){
$("h1").click(function(){
$(this).next().slideToggle();
});
})
</script>
<style>
ul, li {
/*清除ul和li上默认的小圆点*/
list-style: none;
}
ul {
/*清除子菜单的缩进值*/
padding: 0;
margin: 0;
}
</style>
</head>
<body >
<ul><!--最外层-->
<li><!--第一个子项-->
<h1>一级菜单1</h1>
<ul>
<li>
<h1>二级菜单1</h1>
<ul>
<li>
<h1>三级菜单1</h1>
<ul>
<li>四级菜单1</li>
<li>四级菜单2</li>
<li>四级菜单3</li>
</ul>
</li>
<li>内容</li>
<li>内容</li>
</ul>
</li>
<li>
<h1>二级菜单2</h1>
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
</li>
</ul>
</li>
<li><!--第二个子项-->
<h1>一级菜单2</h1>
<ul>
<li>
<h1>二级菜单1</h1>
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
</li>
<li>
<h1>二级菜单2</h1>
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
我在ul里面的li之间插了一些h2，我现在想当我点击其中一个h2时，隐藏这个之后，下个h2之前的li。用的jquery，该怎么写选择器？
------解决方案--------------------
第二行改成 $("h2").each(function(){
------解决方案--------------------
中文乱码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(function(){
$("h1").click(function(){
$(this).next().slideToggle();
});
})
</script>
<style>
ul, li {
/*清除ul和li上默认的小圆点*/
list-style: none;
}
ul {
/*清除子菜单的缩进值*/
padding: 0;
margin: 0;
}
</style>
</head>
<body >
<ul><!--最外层-->
<li><!--第一个子项-->
<h1>一级菜单1</h1>
<ul>
<li>
<h1>二级菜单1</h1>
<ul>
<li>
<h1>三级菜单1</h1>
<ul>
<li>四级菜单1</li>
<li>四级菜单2</li>
<li>四级菜单3</li>
</ul>
</li>
<li>内容</li>
<li>内容</li>
</ul>
</li>
<li>
<h1>二级菜单2</h1>
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
</li>
</ul>
</li>
<li><!--第二个子项-->
<h1>一级菜单2</h1>
<ul>
<li>
<h1>二级菜单1</h1>
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
</li>
<li>
<h1>二级菜单2</h1>
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
