Points pour les enfants en div. Maux de tête jQuery

J’ai un curseur de contenu à fondu simple, affichant des images aux divs. Cela fonctionne bien, mais ce que je voudrais append est le suivant:

1. Compter les éléments enfants (directs)
2. Ajoutez un détenteur de points (div avec un nom de classe “imgdotholder”) au div parent (avec le nom de classe “showContainer”).
3. Ajoutez un point (div avec un nom de classe “imgdots”) pour chaque enfant du div.

Exemple de balisage:

 
Direct Child element 1
 
Direct Child element 2
 
Direct Child element 3
  

C’est tout ce que j’ai jusqu’à présent, toute aide serait la bienvenue!

 var imgCount = $('.showContainer').childern().length; $('
').appendTo('.showContainer'); 

EDIT J’ai oublié d’append quelque chose: Exemple de balisage à nouveau:

• Manipulation DOM déclenchée par des requêtes de média CSS
• Affichez un exemple de texte “fantôme” dans un champ, puis effacez-le en flou.
• Problème JQuery à bascule, nécessite deux clics
• Comment créer une image de fond avec un clic droit?
• Google Map Limite de l’emplacement recherché

 
 
 
Direct Child element 1
 
Direct Child element 2
 
Direct Child element 3
 
  

Une ré-exécution à mon problème, je dois faire ce qui suit: 1) Besoin de compter les éléments enfants dans le “showContainer” div 2) Ensuite, besoin d’append un div appelé “imgdotholder” à “wrapper” div 3) À l’intérieur du div “imgdotholder”, je dois append un point (représenté par un div appelé “imgdots”) pour chaque image – disons qu’il y a 3 images, puis que je dois append 3 points

Voici un jsfiddle avec la configuration de base: http://jsfiddle.net/Reinhardt/cgt5M/

• En sélectionnant une case à cocher, désactiver les cases à cocher spefic
• Comment fermer tous les menus à l’intérieur d’un accordéon dans Angular 4
• Changer la couleur de fond DIV, en fonction de sa largeur
• Evénement de défilement horizontal jquery – Modifier
• IE11 collage de données du Presse-papiers sur un élément d’entraînement gênant

 var imgCount = $('.showContainer').children().length; // note: children() for (var i = 0; i < imgCount; i++) { $('
').appendTo('.showContainer'); } 

 totalSlides = $('.showContainer').length; 

 $('.showContainer').children().each(function(){ $(this).appendTo('
'); }); 

 // Count of the direct children of .showContainer , If you need var imgCount = $('.showContainer').length; // Append the .imgdotholder to the .wrapper $('.wrapper').append('
'); // Iterate over all the children and in each step append an .imgdots to the .imgdotholder $('.showContainer').children().each(function(){ $('.wrapper .imgdotholder').append('
'); });