如何調用鼠標功能上dyanamic的div

我有動態的div爲行：如何調用鼠標功能上dyanamic的div

<table border=1><tr><td> 
<div id='div1'>fgg</div> 
<div id='div2'>dfgdfg</div> 
<div id='div3'>vcbcvb</div> 
<div id='div4'>sdfsdf</div> 
</td></tr></table>

我如何可以調用jQuery的功能上的每個格的鼠標懸停？這些div是動態的，可以改變數量。

來源

2010-09-27 zod

$("td div").live("mouseover", function() { 
//mouseover code here 
});

我建議使用一個類爲您的div，並使用選擇器：$(".rows")或類似的。不過，以上內容適用於您提供的標記。

如果您必須使用ID，這將允許您通過ID添加它。請記住，當你添加新的項目時，你將不得不爲這個id運行這個代碼（擊敗原始問題的動態部分）。

$("#mydivid").mouseover(function() { 
    //mouseover code here 
});

，你可以在列表中利用像這樣：

var divs = ["mydiv1", "mydiv2", "mydiv3"]; 
$(divs).each(function() { 
    $("#" + this).mouseover(function() { 
    //mouseover code here 
    }); 
});

這確實是個不錯的辦法，我強烈建議使用類代替。

來源

2010-09-27 17:28:03 sworoc

這工作正常，但這會影響tds中的整個div。我可以有5個div與id mydiv和我只想打電話給這些divs，這是可能的。我嘗試它不工作。$（「td div mydiv」）。live。任何解決方案 – zod 2010-09-28 16:09:33

$（「＃mydiv」）。mouseover（?? – zod 2010-09-28 16:10:25

我會建議使用一個類爲你想要應用它的div，然後使用$（「。rows」）選擇器或類似的。用id做，而不用class，你會想用我添加到我的答案中的表單。 – sworoc 2010-09-28 20:03:02