这样两个 jquery 如何合并 ？？谢谢。

[bear63]

<div class="sub p1">
<div class="sub_menu">
<ul>
<li><a href="/about/page_3.html"><span>学校简介</span></a></li><li><a href="/about/page_1.html"><span>历任校长</span></a></li><li><a href="/about/page_2.html"><span>办学特色与优势</span></a></li><li><a href="/about/page_4.html"><span>部门职能</span></a></li>
</ul>
</div>
<div class="sub_content">内容1</div>
<div class="sub_content">内容2</div>
<div class="sub_content">内容3</div>
</div>

<div class="sub p2">
<div class="sub_menu">
<ul>
<li><a href="/about/page_3.html"><span>学校简介2</span></a></li><li><a href="/about/page_1.html"><span>历任校长2</span></a></li><li><a href="/about/page_2.html"><span>办学特色与优势2</span></a></li><li><a href="/about/page_4.html"><span>部门职能2</span></a></li>
</ul>
</div>
<div class="sub_content">内容11</div>
<div class="sub_content">内容12</div>
<div class="sub_content">内容13</div>
</div>




<script>
$(function(){

$('.p1 .sub_menu li').each(function(index){
$(this).hover(function(){
$('.p1 .sub_content').css("display","none");
$('.p1 .sub_content').eq(index).css("display","block");
},function(){
});
});

$('.p2 .sub_menu li').each(function(index){
$(this).hover(function(){
$('.p2 .sub_content').css("display","none");
$('.p2 .sub_content').eq(index).css("display","block");
},function(){
});
});

});
</script>



这样两个 jquery 如何合并 ？？谢谢。求高人指点。

[蜗牛请给我加buff]

$('.a').add($('.b').each() 试试add方法

[斯洛文尼亚旅游]

直接hover绑定事件就行了，不需要each。。通过dom关系来获取对象

<div class="sub p1">
    <div class="sub_menu">
        <ul>
            <li><a href="/about/page_3.html"><span>学校简介</span></a></li>
            <li><a href="/about/page_1.html"><span>历任校长</span></a></li>
            <li><a href="/about/page_2.html"><span>办学特色与优势</span></a></li>
            <li><a href="/about/page_4.html"><span>部门职能</span></a></li>
        </ul>
    </div>
    <div class="sub_content">内容1</div>
    <div class="sub_content">内容2</div>
    <div class="sub_content">内容3</div>
</div>

<div class="sub p2">
    <div class="sub_menu">
        <ul>
            <li><a href="/about/page_3.html"><span>学校简介2</span></a></li>
            <li><a href="/about/page_1.html"><span>历任校长2</span></a></li>
            <li><a href="/about/page_2.html"><span>办学特色与优势2</span></a></li>
            <li><a href="/about/page_4.html"><span>部门职能2</span></a></li>
        </ul>
    </div>
    <div class="sub_content">内容11</div>
    <div class="sub_content">内容12</div>
    <div class="sub_content">内容13</div>
</div>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.4.1/jquery.min.js"></script>
<script>
    $(function () {
        $('.p1 .sub_menu li,.p2 .sub_menu li').mouseover(function () { $(this).closest('div').siblings().hide().eq($(this).index()).show(); });
    });
</script>

[天际的海浪]

$(function() {
	$('.sub .sub_menu li').hover(function() {
		var sub = $(this).closest(".sub");
		$('.sub_content',sub).css("display", "none");
		$('.sub_content',sub).eq($(this).index()).css("display", "block");
	}, function() {});
});