0

forループで3レコードごとに1つのdivに追加したい。numberList は動的であるため、正確な長さはわかりません。要件は、3 つのレコードを選択して div でラップすることです。たとえば、numberList.length が 7 の場合、3 つの div が必要です。最初の 2 つの div には 3 つのレコードが含まれ、最後の div には 1 つのレコードが含まれます。

これについてどうすればいいですか？

for (var j = 0; j < numberList.length; j++) {
number = numberList[j].Number;
}

3 レコードごとに結果を取得し、1 つの div に追加します

4

4 に答える 4

1 
<html>
<head>
<title>test</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    var arr = ["one", "two", "three", "four", "five", "six", "seven"];
    var j = 0;
    var str = "";
    var master = $("#masterDiv");
    for (i = 0; i < arr.length; i++) {
        str += arr[i];
        j++;
        if (j >= 3) {
            master.append($('<div/>', { html: str }));
            str = "";
            j = 0;
        }
    }
    master.append($('<div/>', { html: str }));

});   
</script>
</head>
<body>
<div id="masterDiv"></div>
</body>
</html>
于 2013-05-08T08:26:08.497 に答える
1

あなたはこれが必要ですか？

for (var j = 0; j < numberList.length; j++) {  
  if ((j+1)%3) {  
    // create new div
  } else {
    // add record to the div
  }  
}
于 2013-05-08T08:16:41.440 に答える
1

- これを試して

var numberList = [10, 20, 30, 80, 50, 60 , 70 ,80,90,100,110,120,130];

var currentRecord = '';
var Num = 0;
var content = '';

for (var j = 0; j < numberList.length; j++) {
    content = '';
    Num = (j + 1);
    if (Num % 3 == 0) {
        currentRecord += numberList[j] + '   ';
        $('#content').append('<div> newDiv '+ currentRecord+'</div>' );
        currentRecord = '';
    }
    else {
        currentRecord += numberList[j] + '   ';
    }

    if ((Num == numberList.length) && (Num % 3 != 0)) {
         $('#content').append('<div>newDiv '+ currentRecord + '</div>' );
    }

}
于 2013-05-08T08:58:22.867 に答える