jQuery data()方法重置循环中以前设置的数据

对于那些好奇的人来说,结果发现它不起作用,因为JS拿着一个 参考 每个div中的时间,而不是传递的值。这是因为JS只将简单类型作为值传递;对象作为引用传递。解决方法是在每次迭代中实例化一个新的日期对象:

var $timepicker = $('<div class="timepicker"></div>');
var startTime = new Date(0, 0, 0, 0, 0, 0, 0);
var endTime = new Date(0, 0, 0, 23, 60 - settings.step, 0, 0);

for (var time = startTime; time <= endTime; time.setMinutes(time.getMinutes() + 30)) {
    $timepicker.append($('<div></div>').data('time', new Date(0, 0, 0, time.getHours(), time.getMinutes(), 0, 0)
}

使用 appendTo . append

$('<div></div>').appendTo($timepicker).data('time', time));