jquery - 将点击事件绑定到jquery中每个循环的锚标记

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

根据上述注释进行语法更正，然后尝试：

$("a#Test").on('click',function(){
//perform action here
});

Answer 2

使用.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
});

Answer 3

$('#names').on('click','a',function(){
//perform action here
});

。上（）

Answer 4

如果您想将相同的点击事件绑定到每个链接，那么您的 id 总是意味着唯一的，然后试试这个

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



$("[name=Test]").click(function(){
     //Do your stuff.
});