用jquery和for函数生成的输入元素

Question

此代码使用jquery生成输入元素，并且元素的数量是从另外两个输入的时间计算得出的

$('#generate').click(function () {
var a = parseInt($('#row').val());
var b = parseInt($('#col').val());
var val = a*b;

var innerhtml = '';
for (var i = 0; i < val; i++) {
    innerhtml += "<input type='text' class='seat' id='" + (i + 1) + "' name='" + (i + 1) + "'>";
        for (var j = 0; j = a; j++) {
            innerhtml += "xxx";
        }
}
$('#textbox_div').html(innerhtml);
});

如果我用2和3填充输入#row和#col，jquery将生成6个元素（2 * 3 = 6）。 输出将如下所示：

• 输入1
• 输入2
• 输入3
• 输入4
• 输入5
• 输入6

从上面的代码中，如何获取这样的输出（在每2行之后添加xxx）：

• 输入1
• 输入2
• xxx
• 输入3
• 输入4
• xxx
• 输入5
• 输入6

Answer 1

像这样：

var a = 4; //parseInt($('#row').val());
var b = 2; //parseInt($('#col').val());
var val = a*b;

var innerhtml = '';
for (var i = 0; i < val; i++) {
    innerhtml += "<input type='text' class='seat' id='" + (i + 1) + "' name='" + (i + 1) + "'>";
    if (i < val - 1 && i % 2 === 1 ) {
        innerhtml += "xxx";
    }
}
$('#textbox_div').html(innerhtml);

如您所见，我将内部for循环替换for if语句。 它测试两件事：

1. 不要在结尾加上“ xxx”
2. i / 2的余数是1

演示jsfiddle在这里 。 此处具有可变xxx步长的演示