Boucle pour créer plusieurs éléments div? JQUERY

Une idée de ce qui ne va pas avec mon code? Ce que je veux c'est que cette fonction crée autant de divs dans le corps que la valeur pageLimit. Donc, si quelqu'un devait entrer dans le code et changer la taille de la page à 50, cela créerait 50 balises div.Boucle pour créer plusieurs éléments div? JQUERY

dans les balises de corps, tout ce que j'ai est la div de test. Je voulais le mettre dans le corps, sans l'insérer dans d'autres divs. J'ai donc essayé de remplacer #test par body, ça n'a pas fonctionné.

Aidez s'il vous plaît! Merci.

EDIT: Désolé, j'ai le); dans mon code d'origine, j'ai juste oublié de le copier ici! Oui, les tags
étaient avant que je sache comment insérer le code dans ce ... lol Désolé. J'ai); dans mon code d'origine, ça ne marche toujours pas.

Source

2010-07-16 Annie

Pouvez-vous s'il vous plaît montrer du code HTML - qu'est-ce que vous avez, et que voulez-vous avoir lorsque votre code a fini de le manipuler? –

ajouter 4 espaces avant toutes les lignes de code, et il apparaîtra correctement sur stackoverflow. – Fosco

Pour ajouter du HTML, éditez votre question (il devrait y avoir un lien d'édition quand vous la regardez) et faites un peu de code à la section code en la mettant en surbrillance et en cliquant sur le bouton '101010'. – justkt

Votre question de la fonction est prête un simple problème de syntaxe. Il vous manquait ")". Assurez-vous toujours d'ajouter des fins de ligne aussi. Cela fonctionne:

$(document).ready(function() { 
     for (var i = 1; i <= pageLimit; i++) { 
      $('#test').append('TESTING'); 
     } 
    });

Source

2010-07-16 14:19:14 Zacho

Aussi: voici le code optimisé. Cela rend une manipulation DOM qui va grandement augmenter les performances. var pageLimit = 30, testing = 'TEST'; $ (document) .ready (function() { for (var i = 1; i <= PageLimit; i ++) { test + = test;} $ ('# test').append (test); }); – Zacho

Manquant ");" après le dernier}.

$(document).ready(function() { 
    for (var i = 1; i <= pageLimit; i++) { 
     $('#test').append('TESTING'); 
    } 
});

Source

2010-07-16 14:16:19

Que diriez-vous document.body.innerHTML + = 'TEST'; ?

Source

2010-07-16 14:16:24 Fosco

Ces erreurs avec "$ (document) .body is undefined". Comme vous avez enveloppé le document en tant qu'objet JQeury. Tout ce que vous devez faire est document.body ... pas besoin de JQuery. –

ah oui, belle prise merci. – Fosco

http://jsfiddle.net/Q6Lnw/2/

Vous étiez absent la fin de )

Source

2010-07-16 14:18:35

Il semble qu'il est encore un problème de syntaxe, vous avez des citations simples puis de retour guillemets dans votre chaîne d'élément, essayez de supprimer les apostrophes inverses. Et bien sûr, assurez-vous que vous avez <div id="test"></div> dans votre code HTML.

$(document).ready(function() { 
    for(var i = 1; i <= pageLimit; i++) { 
    $('#test').append('<div id="page' + i + '" class="touch">TESTING</div>') 
    } 
});

moins que ce soit une autre faute de frappe dans votre question.

Source

2010-07-16 14:42:16 guzart

Non C'est là parce que lorsque vous souhaitez inclure des guillemets dans des guillemets, les guillemets externes doivent être des guillemets simples, tandis que les guillemets intérieurs doivent être des guillemets doubles. Vous pouvez voir les différences si vous utilisez le bloc-notes ++ .. Au moins c'est ce que mon professeur m'a appris! – Annie

Je parle de la citation arrière ('). Comme vous pouvez le voir dans le code que j'ai placé, j'ai aussi les guillemets simples et doubles. – guzart

$('body').append('<div>TESTING</div>')

Devrait fonctionner. À quoi ressemble votre code qui ne fonctionne pas?

Source

2010-07-16 14:50:54 Lourens

Boucle pour créer plusieurs éléments div? JQUERY

Répondre

Questions connexes