jquery - jqueryのfor eachループでクリックイベントをアンカータグにバインド

Question

動的に作成された属性にクリック イベントをバインドしようとしています。

$.each(data, function(index, names){
    $("#names").append("<tr><td>"+id+"</td><td><a href='marks.jsp' id='Test' style='color:red;font-size:11px;'>"+subect +"</td></tr>");
});

表示ページのハイパーリンクが件名に追加され、クリックすると、marks.jsp を開く必要があります。

ありがとう

Answer 1

動的に作成された要素のイベントをバインドするには、.on()を使用します。

$.each(data, function(index, names){
    $("#names").append("<tr><td>"+id+"</td><td><a id='link1' href='marks.jsp' id='Test'
               style='color:red;font-size:11px;'>"+subect +"</td></tr>");
});

$('#names').on('click','#link1',function(){
  // do whatever you want on clicking the link
});