Dev Faq
8
votes

jQuery, ajouter div avec définition de classe

donc je vois ici Comment ajouter un div et ici Comment ajouter une classe mais j'ai du mal à combiner les deux. Je veux générer un tas de div des div avec une classe spécifique et une pièce d'identité dans la Div Sparklinecontainer.

J'ai le contenant div xxx

et je veux ajouter un tas de ce qui y est xxx

snippet - je ne l'ai pas fait très loin, je suis excitée xxx

La fonction que j'essaie de faire cela avec. xxx

}

1 commentaires

.Add () Fonction n'ajoute pas un div. Il ajoute simplement au sélecteur assorti.

4 Réponses :

23
votes

Ajouter code> ne fait pas ce que vous pensez que cela le fait. Vous recherchez annexe code> ou quelque chose de similaire.

Vous pouvez créer la div en premier et définir ses attributs et ses contenus, puis appendez-le: P> 

var $newDiv = $("<div/>")   // creates a div element
                 .attr("id", "someID")  // adds the id
                 .addClass("someClass")   // add a class
                 .html("<div>stuff here</div>");

$("#somecontainer").append($newDiv);

2 commentaires

J'ai utilisé le même code mais avec mes noms de div, etc. Et pas de div a été ajouté au contenu et aucune erreur non plus.

Toute la réponse affichée devrait fonctionner, s'ils ne font pas que vous faites quelque chose qui ne va pas dans l'appliquer.

2
votes

Probablement le moyen le plus simple consiste simplement à modifier le InnerHTML: 

$("#sparkLineContainer").append('<div class="sparkLine" id="id1"></div>');

4 commentaires

Remplacera le contenu de la div existant à l'intérieur #Sparklinecontainer. Pas bien!

Modifié pour ajouter. Je suppose que c'était vide au début.

J'ai utilisé le même code mais avec mes noms de div, etc. Et pas de div a été ajouté au contenu et aucune erreur non plus.

Eh bien, dans votre code, vous avez l'identifiant du conteneur comme "#Sparklinecontainer", quand il devrait être juste "Sparklinecontainer". Je ne sais pas si c'était une faute de frappe si cependant.

9
votes

Vous avez besoin .append code> ou .pepend code> pour ajouter un div au conteneur. Consultez ma version ci-dessous, 

<div id="sparkLineContainer"> 
...

4 commentaires

J'ai utilisé le même code mais avec mes noms de div, etc. Et pas de div a été ajouté au contenu et aucune erreur non plus.

@ RD42 fonctionne pour moi jsfiddle.net/skram/ku4ry/1 . Également dans le balisage, assurez-vous de modifier l'ID DIV en Sparklinecontainer Pas `#Sparklinecontainer '.

Merci, j'essayais juste de Jsfiddle

Je suis toujours fitzing avec ça. Cela fonctionne dans Jsfiddle mais pas dans mon code. J'essaie toujours ...

3
votes

Vous pouvez ajouter une div ou une autre balise avec une classe comme:

$ ('<

', {classe: 'exemple'}). APPENDTO ("P");
0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO