Question

我正在尝试将click事件绑定到动态创建的属性。

$.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

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

.on()

Answer 3

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

将click事件绑定到jquery中的每个循环的锚标签

4 个答案: