Tenho uma página que quero clonar um select e inseri-lo apos o mesmo, só que mudando seu id ex:
Sabor_1, copio, e transformo em Sabor_2 e depois insiro ele após o ultimo :)
Segue meu código
<!-------------------------------- Tabela do Sabor ------------------------------------>
<table id="tblSabor">
<tr >
<td>
<label>Sabor</label>
</td>
<td class="table">
<select name="sabor" id="sabor_1">
</select>
</td>
<td class="table">
<button id="addSabor_1">+2</button>
<!-- <input type="button" name="addsabor" id="ok2" value="+"></td> -->
</tr>
</table>
Eu comecei a fazer o código mas empaquei, fiquei sem pra onde ir porque não sou um expert em Jquery
$("[id*=addSabor]").click(function(){
$(this).hide('fast');
$linha1 = $("#tblSabor tr:last").clone(true);
renomearComponentes($linha1);
$linha1.insertAfter("#tblSabor tr:last");
return false;
});
function renomearComponentes(linha){
indice = linha.attr('id').split('_')[1];
novoId = //
}
então pessoal, o que eu queria era copiar a tabela tblSabor_1, e o select dentro dela e mudar pra tblSabor_2, sabor_2 e assim sucessivamente, mas não sei como, alguem poderia me dar uma ajudinha ? :)
***EDIT*****
Será que em vez de copiar a tabela é melhor copiar o TD ? e inserir após o tr ?