clonned html tableとradiobuttonの属性を変更するにはどうすればいいですか？

Question

JavaScriptとjQueryの新機能です。私はこのjQueryのスクリプトでHTMLテーブルの下にclonned：

$("#table1").clone().appendTo("#div1"); 

そして、これは私のHTMLテーブルです：

<div id="div1"> 
     <table border="1" id="table1"> 
     <tr> 
      <td colspan="5">Question text will be here</td> 
     </tr> 
     <tr> 
      <td><input type="radio" id="A" name="ans" />answer1 <br /></td> 
      <td><input type="radio" id="B" name="ans" />answer2 <br /></td> 
      <td><input type="radio" id="C" name="ans" />answer3 <br /></td> 
      <td><input type="radio" id="D" name="ans" />answer4 <br /></td> 
      <td><input type="radio" id="E" name="ans" />answer5 <br /></td> 
     </tr> 
     </table> 

     <table border="1" id="table1"> 
     <tr> 
      <td colspan="5">Question text will be here</td> 
     </tr> 
     <tr> 
      <td><input type="radio" id="A" name="ans" />answer1 <br /></td> 
      <td><input type="radio" id="B" name="ans" />answer2 <br /></td> 
      <td><input type="radio" id="C" name="ans" />answer3 <br /></td> 
      <td><input type="radio" id="D" name="ans" />answer4 <br /></td> 
      <td><input type="radio" id="E" name="ans" />answer5 <br /></td> 
     </tr> 
     </table> 
    </div> 

そして今、私はclonnedテーブルとclonnedラジオボタンのIDを変更し、あるしようとしています。私はclonenedテーブルidのプロパティを変更する必要があります。そうでなければ、私は自分のプロジェクトの次のステップでそれらを選択できません。また、すべてのラジオボタンの名前プロパティを変更する必要があります。これは、ブラウザでラジオボタンを1つしか選択できないためです。

このページの.attr（）APIについてのドキュメントは、http://api.jquery.com/attr/です。だから、私はjQueryを使ってhtml要素の属性を変更する方法を知っていますが、わかりませんが、clonned html要素のこれらの属性を動的に変更する方法はありません。

お願いします。

Answer 1

次のようなことはすべきことです。 jsFiddle

$("#table1") 
    .clone() 
    .attr('id','table2') 
    .appendTo("#div1"); 

$("#table2 :radio").each (function (index) { 
    this.id = this.id + index; 
    this.name = this.name + index; 
});