你好,我想为基于数组的 div-array 创建一个编辑界面。例如我在一个循环中创建 15 个 div,
基于此,我想通过 ajax 加载一个编辑界面,我可以在其中选择其中一个 div 并更改它们的类,就像这样,我可以手动执行此操作,
var divs = {
'selector': ['Select One'],
'id': ['div-1', 'div-2', 'div-3', 'div-4'],
'class': ['class-1', 'class-2', 'class-3', 'class-4']
};
关键是我不知道它们有多少,直到用户输入一个 int 来呈现它们。id 和 class 应该根据我当前渲染的 div 数量来填充,例如:
当前代码:
(function($) {
var container = $('.holder');
//The input getter for amount of divs
var form1 = new Backbone.Form({
schema: {
nDefine: 'Number',
}
}).render();
$('.input').append(form1.el);
// rendering amount of divs
function render(){
num = parseInt($('input').val());
for(var i = 1; i <= num; i++) {
container.append('<div id="id'+i+'" class="box category'+i+'">Id:'+i+'</div>');
}
}
// renders divs on click
$('.n-definer').click(function() {
container.empty();
render();
//form1.commit();
});
})(jQuery);
这很好用,我现在如何将这些 id 和类以数组形式放入我的主干形式中?