Compter tous les éléments div et ajouter chaque nombre à l'intérieur durée de l'aide de jQuery

J'ai besoin d'afficher le nombre de div dans la page afin

Et ajouter la valeur de chaque div à l'intérieur span

donc, si j'ai 4 divisions à l'intérieur de la page comme ceci

<div>first div</div>
<div>second div</div>
<div>third div</div>

chaque div besoin de montrer sa commande et d'être comme ça

<div>first div <span>1</span></div>
<div>second div <span>2</span></div>
<div>third div <span>3</span></div>

Cet exemple de code html dans jsfiddle

http://jsfiddle.net/CtDLe/

J'ai besoin de la sortie pour être comme cela, à l'aide de jQuery

http://jsfiddle.net/CtDLe/1/

Avez-vous essayé quelque chose encore?
Garder la trace d'un compteur, en commençant par 1 (comme var counter = 1;). Itérer sur les <div> des éléments en utilisant des $("div").each(function (idx, el) { });, et à l'intérieur de là, trouver l'intérieure <span> avec $(el).find("span"), et l'ensemble de son texte interne avec .text(counter++). Maintenant, essayer et revenir avec des problèmes de

OriginalL'auteur Jim | 2013-08-14

  1. 10

    Simple each boucle fait le truc:

    $("div").each(function(i) {
    $(this).find("span").text(++i);
});

    Démo: http://jsfiddle.net/CtDLe/3/

    OriginalL'auteur tymeJV

  2. 1
    $("div").each(function(idx,elem) {
    $("<span>").text(idx).appendTo(wherever);
});

    OriginalL'auteur Stephen Thomas

  3. 1

    Vous pouvez essayer ceci: 

    $("div").each(function(i, elem){
 $(elem).append($("<span>"+(i+1)+"</span>"));
});

    JSFiddle exemple

    OriginalL'auteur Amin Abu-Taleb

  4. 0
    var counter = 1;
$('h1').each(function () {
    $(this).find('span').html(counter);
    counter++;
});

    jsFiddle exemple

    OriginalL'auteur j08691