Modification des valeurs des enfants éléments

Question

I ont une structure des éléments parents et enfants:

<div id="container"> 
<input type="hidden" id="child-1" value="1" /> 
<input type="hidden" id="child-8" value="1" /> 
<input type="hidden" id="child-9" value="1" /> 
<input type="hidden" id="child-3" value="1" /> 
</div> 

je dois sélectionner les enfants et changer leurs valeurs.

Le résultat devrait être:

<div id="container"> 
<input type="hidden" id="child-1" value="1" /> 
<input type="hidden" id="child-8" value="2" /> 
<input type="hidden" id="child-9" value="3" /> 
<input type="hidden" id="child-3" value="4" /> 
</div> 

JQuery:

$("#container").children().each(function(n){ 
$('input[type=hidden]').val(n); 
}); 

Mon code de requête ne donne aucun résultat voulu, car il toujours la valeur change cachée entrée à 4. Je sais pourquoi il est si , mais je ne trouve pas d'autre meilleure solution. Donc toute aide serait appréciée.

Answer 1

$("#container input[type=hidden]").each(function(index){ 
    $(this).val(index + 1); 
}); 

essayer cette