jQueryで属性連番処理を、複数単位で行いたい

質問

・下記のとき、それぞれのdiv単位でname属性を付与したいのですが、どうすれば良いでしょうか？

■現状
<div>
　<input type="text">
　<input type="text">
　<input type="text">
　<input type="text">
</div>

<div>
　<input type="text">
　<input type="text">
　<input type="text">
　<input type="text">
</div>

■希望
<div>
　<input type="text" name="hoge1">
　<input type="text" name="hoge2">
　<input type="text" name="hoge3">
　<input type="text" name="hoge4">
</div>

<div>
　<input type="text" name="hoge1">
　<input type="text" name="hoge2">
　<input type="text" name="hoge3">
　<input type="text" name="hoge4">
</div>

■補足
・jQuery.each()を使ったら、hoge8まで通しでナンバリングされてしまいました
$('div :text').each(function(i){

※「div」「input」の数は、動的に変化します

回答No.1

ONEONE · ベストアンサー

ためしてませんがこんなかんじではなかろうか。
divでeachで回した後に各div内のinputに対してeachでまわす。

$.each('div', function(){
$(this).find('input').each(function(i){
$(this).attr('name', 'hoge' + i);
});
});

お礼

回答ありがとうございましたー