动态绑定jquerymouseover

嗨，我需要一些关于jquery的帮助；我有这个HTML

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

1
2
三

我想在标签上显示鼠标所在的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("");
    });
}

for（变量i=1；i<4；i++）
{
$（'#'+i.toString（））.bind（'mouseover'，function（）{
$（“#schedId”）.text（i.toString（））；
});
$（'#'+i.toString（））.bind（'mouseout'，function（）{
$（“#schedId”）。文本（“”）；
});
}

但我总是在标签上看到“4”。你能帮我吗？

---

提前感谢。

在每个

div

中添加一类

元素

你可以这样做：

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

---

Id不能用ineteger启动