実行時に各テーブルセルにイベントハンドラをアタッチする

Question

デザイン時にテーブルを作成し、実行時にそのテーブルに行を追加しました。 それぞれのツールチップを表示する最初の列の各行にmouseoverイベントをアタッチします。

for(ctr=0;ctr<noOfRows;ctr++){ 
    var myTable=document.getElementById("myTable"); 
    var newRow = myTable.insertRow(1); 

    var cell0 = newRow.insertCell(0); 
    cell0.innerHTML="Cell Data"+"<div class='hiddenToolTip' id='tip"+ctr+"'>"+tooltip+"</div>"; 

    cell0.onmouseover=function(){ 
     $("#tip"+ctr).show('blind',500); 
    }; 

    cell0.onmouseout=function(){ 
     $("#tip"+ctr).hide(); 
    }; 
} 

問題は「CTR」変数は常に「のonmouseover」と「れるonmouseout」関数内の最高値として来ているということです。

Answer 1

ちょうど関数の引数でこれを渡すと、このための要素のIDを使用して

cell0.onmouseover=function() 
{  
    $(this).children("div[id^='tip'] ").show('blind',500);  
    }; 

チェックこの例を以下のようにCTRLの値を取得する： `i`はあなたのonmouseover内から来ているJavascript: Adding OnMouseOver And OnMouseOut Using DOM