用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步長的演示