如何避免jQuery中的类冲突

Question

在我的代码中，我们将根据我们的要求生成动态div，例如每天的约会数量。我们的主要要求是，在鼠标悬停时，我们会为特定的遭遇获取患者的详细信息。

我的HTML如下

<div class="schediv" id="1"></div>
<div class="schediv" id="2"></div>
<div class="schediv" id="3"></div>

jQuery编写如下

$('.schediv').mouseover(function() {
    var id = $(this).attr('id');
    alert(id);
    -------
);

它适用于单个div，但它不适用于多个div。

Answer 1

您需要使用.on()，因为您正在动态添加DOM。

$(document).on('mouseover','.schediv',function(){ 
   //code goes here
});