Как обрабатывать событие щелчка динамически созданных гиперссылок?

Question

Я динамически генерируемые ссылки как

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

Когда один из них нажали я хочу обработать это событие с яваскриптом кодом, как этого

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

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

Однако, несмотря на то, что, кажется, находят гиперссылка довольно отлично, при щелчке события он не вводит функцию.

Что не так с реализацией?

Answer 1

on - это метод, который вы найдете на объектах jQuery.

document.getElementsByName('details').item(0) возвращает собственный элемент DOM.

Либо использовать addEventListener вместо on или $("some selector") вместо getElementsByName & item.