javascript - jquery append 到已经 append 的 div

Question

是否可以将某些内容 append 到已 append 的 div 上？我尝试过，但没有任何反应..(我没有在实际的js中使用换行符)

$(document).ready(function() {

    $('.add_text_input').click(function() {
        $('li').append('<div class="input_label">Untitled</div>\
                        <div class="edit_label"></div>\
                        <input type="text" name="untitled" /><br />');
    });

    $('.input_label').click(function() {    
        var input_label = $(this).html();   
        $(this).hide();
        $('.edit_label').append('<input type="text" name="untitled" value="' + input_label + '"/><br />');
    });

});

js 用于创建文本输入并编辑其标签。单击“input_label”div 时，它应该使用 hide() 隐藏，并在“edit_label”div 中 append 具有默认“untitled”值的文本输入。如果 div 已经存在，它就可以工作，但我需要通过 append 使其工作。

请问大家有什么想法吗？

Answer 1

您只需要使用 .live() 处理程序在这里，如下所示:

$('.input_label').live('click', function() {
  var input_label = $(this).html();   
  $(this).hide().next('.edit_label')
    .append('<input type="text" name="untitled" value="' + input_label + '"/><br />');
}); 

这将适用于元素，无论它们何时创建，因为它可以关闭事件冒泡，所以它适用于任何元素的 click与 .input_label 匹配的事件选择器。

目前与 .click() 它正在查找 document.ready 处存在的所有元素时间并绑定(bind)到这些元素，而不是选择器，因此它不适用于动态添加的元素。