javascript - jQuery でクラスの競合を回避する方法

Question

私のコードでは、1 日あたりの予定数などの要件に従って動的 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
});