Hướng dẫn how to use for loop in html div - cách sử dụng vòng lặp for trong html div

4

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi tạo một div và ID CSS của nó như thế này.

Có cách nào để tạo ra div này bằng cách sử dụng câu lệnh lặp. Có ai giúp tôi ..

j08691

200K31 Huy hiệu vàng253 Huy hiệu bạc267 Huy hiệu Đồng31 gold badges253 silver badges267 bronze badges

hỏi ngày 9 tháng 7 năm 2012 lúc 15:44Jul 9, 2012 at 15:44

0

Tôi sẽ khuyên bạn nên sử dụng một số JavaScript [không có jQuery] cho hiệu suất:

var toAdd = document.createDocumentFragment[];
for[var i=0; i < 11; i++]{
   var newDiv = document.createElement['div'];
   newDiv.id = 'r'+i;
   newDiv.className = 'ansbox';
   toAdd.appendChild[newDiv];
}

document.appendChild[toAdd];

Bằng cách này, bạn chỉ tạo một

var toAdd = document.createDocumentFragment[];
for[var i=0; i < 11; i++]{
   var newDiv = document.createElement['div'];
   newDiv.id = 'r'+i;
   newDiv.className = 'ansbox';
   toAdd.appendChild[newDiv];
}

document.appendChild[toAdd];

Để nối nó vào bộ chọn jQuery:

$['sel'].append[toAdd];

Hoặc một phần tử DOM:

document.getElementById['sel'].appendChild[toAdd];

Đã trả lời ngày 9 tháng 7 năm 2012 lúc 15:50Jul 9, 2012 at 15:50

Bokonicbokonicbokonic

1.73110 Huy hiệu bạc12 Huy hiệu đồng10 silver badges12 bronze badges

5

Giả sử bạn đã theo dõi

var toAdd = document.createDocumentFragment[];
for[var i=0; i < 11; i++]{
   var newDiv = document.createElement['div'];
   newDiv.id = 'r'+i;
   newDiv.className = 'ansbox';
   toAdd.appendChild[newDiv];
}

document.appendChild[toAdd];

var toAdd = document.createDocumentFragment[];
for[var i=0; i < 11; i++]{
   var newDiv = document.createElement['div'];
   newDiv.id = 'r'+i;
   newDiv.className = 'ansbox';
   toAdd.appendChild[newDiv];
}

document.appendChild[toAdd];

jQuery:

for[var i =1; i= start; start+=1]
        {
            start;
        }
    $["#addlocation"].click[function[]{
        $["#location-div"].append['
Location  
'];
      }];
    }];

Milo

3.2679 Huy hiệu vàng28 Huy hiệu bạc43 Huy hiệu đồng9 gold badges28 silver badges43 bronze badges

Đã trả lời ngày 18 tháng 1 năm 2019 lúc 13:57Jan 18, 2019 at 13:57

Mahammahammaham

11 Huy hiệu Đồng1 bronze badge

Tôi sẽ khuyên bạn nên sử dụng Loop JavaScript đơn giản [không có jQuery] cho hiệu suất:

var toAdd = document.createDocumentFragment[];
for[var i=0; i < 11; i++]{
   var newDiv = document.createElement['div'];
   newDiv.id = 'r'+i;
   newDiv.className = 'ansbox';
   toAdd.appendChild[newDiv];
}

document.appendChild[toAdd];

var toAdd = document.createDocumentFragment[];
for[var i=0; i < 11; i++]{
   var newDiv = document.createElement['div'];
   newDiv.id = 'r'+i;
   newDiv.className = 'ansbox';
   toAdd.appendChild[newDiv];
}

document.appendChild[toAdd];

Đã trả lời ngày 2 tháng 9 lúc 23:57Sep 2 at 23:57

Bạn có thể sử dụng một vòng lặp trong HTML không?

Làm thế nào để bạn lặp lại một div trong html?

Làm thế nào để bạn lặp qua HTML?

Chúng ta có thể sử dụng cho vòng lặp trong mảng không?