如何获取使用jQuery附加的单击时超链接的ID

Question

我使用append（）方法将超链接附加到html页面，这是超链接的列表，并且我通过this.id获取所有其他元素id，但无法添加行，为什么会这样？ 还有其他方法可以附加吗？

提前致谢

Answer 1

听起来在代码中的某处您有以下内容：

$("selector for links").on("click", function() {
    // Using this.id here
    return false; // Since they're links I assume you do this or e.preventDefault();
});

在该代码运行之后，您添加了另一个链接，但是单击它不会触发上面的处理程序。 这是因为上面的代码将事件挂接到运行时已存在的元素上。 由于您添加的链接不存在，因此不会钩住其点击事件。

您可以使用事件委托来解决此问题，方法是将上面的代码更改为：

$("selector for container").on("click", "selector for links", function() {
    // Using this.id here
    return false;
});

该钩子单击包含链接的容器 ，但是触发该处理程序，就好像该事件已被钩在单个链接上一样。 因此，由于该事件已挂接到容器上，因此即使添加新链接也可以获取该事件。

具体示例：

$(document).on("click", "a", function() {
    alert(this.id);
    return false;
});