How to process click event of dynamically created hyperlinks?

Question

I have dynamically generated links like

<a name="details" id="1" href="javascript:;">Details</a>

When one of them clicked I want to process this event with javascript code like this

$(document).ready(function () {
    var a = document.getElementsByName('details').item(0);

    a.on('click', function () {
        $.ajax({
            ///
        });
    });
});

However, even though it seems to find hyperlinks quite perfectly, on click event it doesn't enter the function.

What is wrong with the implementation?

use `$(document).on('click','a', function() {` delegate the click to document — guradio, Jun 15 '16 at 14:53
@guardio Would I be able to access id property of the hyperlink using this implementation? — Alex Kovinsky, Jun 15 '16 at 15:53
yes by using `$(this).attr('id')` you will get the clicked anchor's id — guradio, Jun 15 '16 at 15:55

score -1 · Answer 1 · answered Jun 15 '16 at 15:09

-1

on is a method you find on jQuery objects.

document.getElementsByName('details').item(0) returns a native DOM element.

Either use addEventListener instead of on or $("some selector") instead of getElementsByName & item.

answered Jun 15 '16 at 15:09

Quentin

914,110
126
1,211
1,335

How to process click event of dynamically created hyperlinks?

1 Answers1