Ckickはコンテンツコードを作成するテーブルを作成します

Question

私はオブジェクトに適切なtdテーブルやボタンをクリックしてもっと多くのことを行うことができます。これは私のコードです：

$(document).ready(function(){ 
$("#DTablas").draggable(); 
$("#btctable").click(function(){ 
    creatabla(4,6); 
}); 
function creatabla(to,tn){ 
    var i=0,j=0,headers="",bodyes="",hid="",bid=""; 
    while(j<=tn){ 
     if(j===0){ 
      for(i;i<=to;i++){ 
       /*se hara la linea de los headres*/ 
       if(i===0){ 
        headers="<thead><tr>" + "<th id='h" + i + "'>" + "<button type='button' id='bttH" + i + "'>" + "H" + i + "</button></th>"; 
       }else if(i===to){ 
        headers=headers + "</tr></thead>"; 
       }else{ 
        headers=headers + "<th id='h" + i + "'>" + "<button type='button' id='bttH" + i + "'>" + "H" + i + "</button></th>"; 
       } 
      } 
      i=0; 
      j++; 
      bodyes="<tbody>";  
     }else{ 
      for(i;i<=to;i++){ 
       if(i===0){ 
        bodyes=bodyes + "<tr><td id='" + "bd" + i + "'>" + "BD" + i + "</td>"; 
       }else if(i===to){ 
        bodyes=bodyes + "</tr>"; 
       }else{ 
        bodyes=bodyes + "<td id='" + "bd" + i + "'>" + "BD" + i + "</td>"; 
       } 
      } 
      j++; 
      i=0; 
     } 
    } 
    bodyes=bodyes + "</tbody>"; 
    /*parte de al final*/ 
    $("#tresps").append(headers); 
    $("#tresps").append(bodyes); 
} 
$("td[id^='btth']").click(function(evt){ 
    var tar=evt.target; 
    alert("el id del botón es: " + tar.id); 
    evt.stopPropagation(); 
}); 

}）; それは私が< TD>ボタンまたは< TDをクリックする必要がボタン

の有無にかかわらず動作しません>、

Answer 1

を助けてくださいあなたはまた、キャッチしたいDOMに動的なコンテンツを追加しているように見えますのイベント。
$(selector).click(//...では、すでにの既存の要素にのみハンドラを追加します。あなたは、イベントを登録した後の要素が追加されている場合でも、あなたのセレクタに一致するすべてのイベントを聞きたいときはこのようにそれをしなければならない。

$(selector).click(function(...) { ... }); 
// becomes 
$(selector).on("click", function(...) { ... });