javascript - 如何避免 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
});