0

你好,我想为基于数组的 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 和类以数组形式放入我的主干形式中?

4

0 回答 0