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

Question

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

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


})

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

Answer 1

而不是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()实际上是将点击处理程序绑定到当时找到的元素，因此不适用于将来的元素。