J'ai le code dur laid suivant:

<div class="label">
    <p id="CO-0"></p>
    <p id="CO-1"></p>
    <p id="CO-2"></p>
    <p id="CO-3"></p>
</div>

Comment utiliser l'itération en JavaScript pour insérer automatiquement les identifiants 0, 1, 2 et 3 p?

C'est mon début:

for (i = 0; i< 3; i +=1){
    $('.label').html('<p id='+[i]+'></p>');
} 
3
JZ. 6 déc. 2011 à 02:51

3 réponses

Meilleure réponse
 for (i = 0; i < 4; i++){
       $('.label').append( '<p id="CO-'+ i +'"></p>' );
 };
7
ComputerSaysNo 5 déc. 2011 à 22:53

Il est plus élégant / efficace de faire toute votre insertion de dom à la fois:

var inhtml ="";
for (var i = 0; i< 3; i +=1){
    inhtml += '<p id=CO-'+i+'></p>';
}

$('.label').html(inhtml);
3
Litek 5 déc. 2011 à 23:06

Bien que la réponse de Dorin soit correcte, pour des raisons d'efficacité, vous devez effectuer l'insertion en une fois, car les manipulations DOM sont relativement coûteuses.

var html = '';
for (var i = 0; i < 4; i++){
   html += '<p id="CO-'+ i +'"></p>';
};
$('div.label').html(html);
6
user719958user719958 5 déc. 2011 à 22:58
8393035