2011-01-24 7 views
2

と連続した順序で、私は1はjqueryの

などから始まる連続した順序で名前を変更する必要が私のdivチャイルズのidの次のような状況を持って再割り当てのdivのお子様のクラスにそれが可能です。 jQueryのか、通常のJavaScriptを経由して変換

<div id="parent"> 
    <div id="child-108"></div> 
    <div id="child-99"></div> 
    <div id="child-9"></div> 
    <div id="child-18"></div> 
    <div id="child-64"></div> 
</div> 

<div id="parent"> 
    <div id="child-1"></div> 
    <div id="child-2"></div> 
    <div id="child-3"></div> 
    <div id="child-4"></div> 
    <div id="child-5"></div> 
</div> 

すべてのヘルプは素晴らしいことです!

+0

まず、あなたは、例えば、ソート可能なIDを必要とするでしょう。 child-001、child-002などがあります。現在の状態のidをソートするのは非常に難しいでしょう。 –

+0

@マーク:必ずしもそうではありません。私の質問では、@steveは 'id'値を' id'値に従って再配置せずに、 'id'値をどこに再割り当てしたいのです。 –

+0

@TJ - 謝罪。あなたは大丈夫です。これは事をもっと簡単にします。 –

答えて

9

確かに、あなたが行うことができeach機能付:

$('#parent > div').each(function(index) { 
    this.id = 'child-' + (index + 1); 
}); 
あなたは eachに渡す機能は、DOM要素で thisポインティングと( 0から始まる)インデックスを与える index引数内で呼び出され

選択された要素

+0

ライブサンプル:http://jsbin.com/alana3 –

+1

ソリューションをありがとう、魅力的な作品! –