Question

嗨我需要一些关于jquery的帮助;我是这个HTML

<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
<label id="schedId"></label>

我希望在标签中显示鼠标结束的div id。我试过这个：

for(var i = 1; i < 4; i++)
{
    $('#' + i.toString()).bind('mouseover', function () { 
        $("#schedId").text(i.toString());
    });
    $('#' + i.toString()).bind('mouseout', function () { 
        $("#schedId").text("");
    });
}

但我一直读到＆＃39; 4＆＃39;在标签上。请问你能帮帮我吗？提前谢谢。

Answer 1

为每个element添加div类，

你可以这样做：

$(".element").hover(
    function () {
        var id = $(this).attr("id");
        $("#schedId").text(id);
    }, function () {
        // mouseout code here 
    }
);

<强> JSFiddle Demo

动态绑定jquery鼠标悬停

1 个答案: