javascript - 使追加仅在第一次发生

Question

我的列表中有一个触发此事件的按钮:

js:

$(this).parents('tr')
       .find('.class')
       .append("<input type='text' size='5'/>");

有可能让这个追加在第一次发生吗？

就像返回 false，不知道。

谢谢!

Answer 1

假设此行为发生在 click 事件上，您可以使用 one 。例如，

$('#my-button').one('click', function(e) {
    e.preventDefault();
    $(this).parents('tr')
       .find('.class')
       .append("<input type='text' size='5'/>");
});

<小时/>编辑:使用 委托(delegate):

var selector = '#my-button',
    handler = function(e) {
        // prevent default behavior
        e.preventDefault();
        // make sure this only runs once
        $(document).undelegate(selector, 'click', handler);
        // actual behavior
        $(this).parents('tr')
           .find('.class')
           .append("<input type='text' size='5'/>");
    };
$(document).delegate(selector, 'click', handler);