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

Question

I am appendend a hyperlink to the html page using append() method, It is a list of hyperlinks, and I get all other elements id by this.id, but am not able for the appended row, why this happening? is there any other way to append ??

thanks in advance

Answer 1

It sounds like somewhere in your code you have this:

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

and after that code runs, you add another link, but clicking it doesn't trigger the handler above. That's because the code above hooks the event on the elements that exist as of when it runs; since the link you add didn't exist, its click event didn't get hooked.

You can use event delegation to solve this, by changing the code above to:

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

That hooks click on a container that holds the links, but fires the handler as though the event had been hooked on individual links. So since the event is hooked on the container, you get the event even when you add new links.

Concrete example:

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