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

发布于 2024-09-15 07:23:41 字数 298 浏览 1 评论 0原文

我有一个表，显示服务器端脚本的动态行。每行包含各种值和第一行值包含诸如“显示/隐藏”之类的链接，当我们单击“显示”时，它会显示子行，当单击“隐藏”时，它会隐藏行。现在“显示/隐藏”是动态的，它们的 id 是这样的。其中 $i 是动态值，采用 (0,1,2..so on) 现在我们如何处理每一行的“显示/隐藏”点击

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


})

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

原文

I have a table which displays the Dynamic rows from server side script .Each rows conatins various values and the first row value
contains the link such as "Show/Hide" when we click on "show" it shows the sub rows and when clicked on "hide" it hides the rows.
Now the "Show/hide" is dynamic is such way their id is .where $i is dynamic value which takes (0,1,2..so on)
Now how do we handle the click of "Show/hide" for each row

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


})

//In the above statemnt I can handle only "0th" link and how do we handle the links for 1 ,2 and so on.........

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

混吃等死 2024-09-22 07:23:41

使用类代替 ID，例如：

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

然后使用 .live()< /a> 而不是 .click()，如下所示：

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

< a href="http://api.jquery.com/live/" rel="nofollow noreferrer">.live() 将侦听来自元素的事件，无论何时发生添加是因为默认情况下事件会冒泡到 document。 .click() 实际上是将点击处理程序绑定到它的元素当时发现的，所以不适用于未来的元素。

Instead of an ID use a class, for example:

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

Then use .live() instead of .click(), like this:

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

.live() will listen for events from elements regardless of when there were added because the events bubble up to document by default. .click() is actually binding a click handler to the elements it found at the time, so doesn't work for future elements.

回复收藏 0 原文

~没有更多了~