javascript - 如何将点击事件添加到 JQuery 中动态添加的元素？

Question

我想添加click事件做动态创建的元素。我如何使用 JQuery 做到这一点？

$(function() {
   $('.class').after('<a href="#" onclick="displayHideBox('1'); return false;">Text</a>');
});

Answer 1

试试看：

$(function() {
   $('.class').each(function(){
    // construct link-OBJECT! here
    var link = $('<a />').attr('href', '#').click(function(){ displayHideBox('1'); }).text('Text');
    // insert link after ".class"-element
    $(this).after(link);
   });
});

Answer 2

如何在 jquery 中进行 onclick 工作？

我认为您要问的问题是“如何将点击事件添加到动态添加的元素”，对吗？

假设您的标记是这样的：

<div id="someContainer">
    <p class="class">asdasd</p>
    <a href="#" class="newLink">Text</a>
</div>

如果是这样，您可以.on()像这样使用：

$("#someContainer").on('click','a.newLink', function() {
    displayHideBox('1');
    return false;
});

Answer 3

你可以试试这个

$(function(){
    $('<a />', { href: '#', text: 'Text', click: function(e){ 
            e.preventDefault();
            displayHideBox('1'); 
        }
    }).insertAfter('.class');
});

演示。