Question

jquery hover多操作项代码问题

<a id="test">a</a><div id=test1></div>
<a id="test">b</a><div id=test2></div>
<a id="test">c</a><div id=test3></div>
...
以上实在循环体内的

下面的代码请大牛来指点一下，
要的效果是 鼠标分别放在 a b c上 就展示 后面 <div id=test1> <div id=test2> <div id=test3>的内容 移出要取消

<script>
$("#test").hover(function(){
$('#test_1').load('/aj.asp?action=test&id=1');
</script>

Answer 1

首先修改a的class为同一值，紧跟着的div设置rel值作为load参数

<a class="test">a</a><div rel="1"></div>
<a class="test">b</a><div rel="2"></div>
<a class="test">c</a><div rel="3"></div>

jquery代码可以这样用

$("a.test").mouseover(function(){
    var $obj = $(this).next().first();
    //判断a后面div是否已加载内容
    if($obj.data("complete") === undefined){
        $obj.load('/aj.asp?action=test&id='+$obj.attr("rel"));
        $obj.data("complete",true);
    }
    $obj.show();
}).mouseout(function(){
     $(this).next().first().hide();
});

Answer 2

首先，ID不能重复使用的， 
你可以在<a>外再包含一个DIV做为选择器

<div id="test">

    <a >a</a>

    <a >b</a>

    <a >c</a>

</div>

    <div id="test1">test1111</div>

    <div id="test2">tes2222</div>

    <div id="test3">test3333</div>

--------------------------------------------------

<script>
$("#test").find("a").hover(function(){
    $('#test1').show();

    },function(){

    $('#test1').hide();

    },

</script>

Answer 3

写个判断 或者用each