javascript - 如何通过 ID 引用 java 脚本中动态生成的元素？

Question

我在 java 脚本中有以下代码:

$(document).ready(function(){
    var i = 1;
    $("#add_row").click(function(){
        $('#listOfCommercials').append('<div id="singleCommercial' + i + '"></div>');
        $('#singleCommercial' + i).html('...');

        i++; 
        alert(i);
    });

    $("#delete_row").click(function() {
        if (i > 1) {
            $("#singleCommercial" + (i - 1)).html('');
            i--;
        }
    });
});

并且每次用户按下按钮时它都会生成额外的字段。你可以在我的 fiddle 中看到它 http://jsfiddle.net/7yd5o63q/4/我想在那里包含日期时间选择器，通常我会写:

$('#datetimepicker').val(dd+"/"+mm+"/"+yy+" "+time);
    jQuery('#datetimepicker').datetimepicker({
    });

但是因为我要生成很多字段: 那么我如何引用所有这些并将日期时间选择器附加到所有这些(似乎 ID 不能对所有这些都相同)？

谢谢。

Answer 1

您实际上不需要 ID 来设置:

$(document).ready(function(){
    $("#add_row").click(function(){
        var newCommercial = $("<div class='singleCommercial'><div class='form-group'>...<input class='datetimepicker'...</div>");
        newCommercial.appendTo($('#listOfCommercials'));

        newCommercial.find('.datetimepicker').val(dd+"/"+mm+"/"+yy+" "+time).datetimepicker();
    });

    $("#delete_row").click(function() {
        $(this).closest('.singleCommercial').remove();

    });
});