添加类后，jQuery单击事件不起作用

作者

在我的JSP页面中，我添加了一些链接：

&lt；a class=“applicationdata”href=“id=”1”&gt；组织数据&lt/a&gt；
&lt；a class=“applicationdata”href=”“id=“2”&gt；业务单位&lt/a&gt；
&lt；a class=“applicationdata”href=“id=”6”&gt；应用程序&lt/a&gt；
&lt；a class=“applicationdata”href=“id=”15”&gt；数据实体&lt/a&gt；

它有一个为click事件注册的jQuery函数：

$（“a.applicationdata”）。单击（函数（）{
var appid=$（this.attr（“id”）；
$（'#gentab a'）.addClass（“tabclick”）；
$（'#gentab a'）.attr（'href'，'#datacollector'）；
});

它将添加一个类，tabclick到&lt；a&gt位于内部&lt；李&gt带有id=“gentab”。它工作得很好。这是我的&lt；李&gt：

&lt；li id=“Applnda”&gt&书信电报；a class=“tabclick”href=”“target=“main”&gt；应用数据&lt/a&gt&lt/李&gt；
&lt；li id=“gentab”&gt&书信电报；a href=“”target=“main”&gt；通用&lt/a&gt&lt/李&gt；

现在我有了一个用于这些链接的jQuery单击处理程序

$（“a.tabclick”）。单击（函数（）{
var liId=$（this.parent（“li”）.attr（“id”）；
警报（liId）；
});

对于第一个链接，它运行良好。它正在提醒&lt；李&gtid。但对于第二个&lt；李&gt，其中第一个jQuery添加的class=“tabclick”不起作用

我尝试了$（“a.tabclick”）.live（“click”，function（），但是第一个链接单击事件也不起作用

由于类是动态添加的，因此需要使用事件委派来注册事件处理程序

$（文档）.on（'click'，a.tabclick'，function（）{
var liId=$（this.parent（“li”）.attr（“id”）；
警报（liId）；
});

相关文章：

  1. 如何在jQuery中选择具有多个类的元素？
  2. 如何在jQuery中选择具有多个类的元素？
  3. 如何使用jQuery获取元素的ID？
  4. 在jQuery中删除事件处理程序的最佳方法是什么？

发表评论

© 2026 开发百科-程序代码问答平台 • Built with