如何处理动态生成的超链接事件

时间:2010-08-19 16:27:34

标签: jquery jquery-selectors

我有一个表,显示来自服务器端脚本的动态行。每行包含各种值和第一行值 包含“显示/隐藏”等链接,当我们点击“显示”时显示子行,当点击“隐藏”时它隐藏行。 现在“显示/隐藏”是动态的,这样他们的id是.where $ i是动态值,需要(0,1,2..so) 现在我们如何处理每行“显示/隐藏”的点击

var j=0;
$("#mylink"+j).click(function(){


})

//在上面的statemnt中,我只能处理“0th”链接,我们如何处理1,2等的链接.........

1 个答案:

答案 0 :(得分:3)

而不是ID使用类,例如:

<a class="mylink" href="something.html">My Link</a>

然后使用.live()代替.click(),如下所示:

$(".mylink").live('click', function(){
  //do something, e.g. $(this).closest('tr').something();
});

.live()会监听来自元素的事件,无论何时添加,因为默认情况下事件会冒泡到document.click()实际上是将点击处理程序绑定到当时找到的元素,因此不适用于将来的元素。