Как мне прикрепить события к динамическим HTML-элементам с помощью jQuery? [Дубликат]

После jQuery 1.7 предпочтительными методами являются .on () и .off ()

Ответ Шона показывает пример.

Теперь не рекомендуется:

Используйте функции jQuery .live () и .die () . Доступно в jQuery 1.3.x

Из документации:

Для отображения текста каждого абзаца в окно предупреждения при каждом нажатии:

 $ ("p"). live ("click", function () {
 alert ($ (это) .text ());
});

Кроме того, плагин livequery делает это и поддерживает больше событий.

Если вы используете jQuery 1.3+, используйте. live ()

Привязывает обработчик к событию (например, щелкните) для всех текущих и будущих - согласованный элемент. Также можно привязать пользовательские события.

Если вы добавляете кучу якорей в DOM, лучше изучите делегирование событий.

Вот простой пример:

$('#somecontainer').click(function(e) {   
  var $target = $(e.target);   
  if ($target.hasClass("myclass")) {
    // do something
  }
});

Привязывает обработчик к событию (например, щелчку) для всех текущих и будущих совпадающих элементов. Также может связывать пользовательские события.

текст ссылки

$(function(){
    $(".myclass").live("click", function() {
        // do something
    });
});

Вы хотите использовать функцию live () . См. документацию .

Например:

$("#anchor1").live("click", function() {
    $("#anchor1").append('<a class="myclass" href="#">test4</a>');
});