Estive pesquisando a maneira JQuery de adicionar linhas de tabela dinamicamente. Um excelente tópico é:Como copiar a linha da tabela com clone no jquery e criar novos IDs exclusivos para os controles, com o último exemplo que eu estou alvejando nesta postagem.

Eu tenho um violino dando um exemplo do que estou tentando fazer. Esse violino ainda não funciona exatamente, mas estou trabalhando nisso,

O principal problema que estou enfrentando é obter a cópia da linha da tabela para definir diferentes tipos de identificação de elementos da coluna e valores padrão e até atributos de linha. Em essência, como estender isso para ser mais robusto.

Graças a Nick Craver, estou tentando usar isso:

// do Add row options
$("#Add").click(function() {

    var rowCount = $('#secondaryEmails >tbody >tr').length;
    var i = rowCount + 1;
    alert('rowCount: ' + rowCount + ', new row: ' + i);
    $("#secondaryEmails >tbody tr:first").clone().find("input").each(function() {
        $(this).attr({
            'id': function(_, id) {
                return id + i
            },
           'name': function(_, name) {
                return name + i
            },
            'value': ''
        });
    }).end().appendTo("#secondaryEmails >tbody");
});

que copiará e inserirá uma linha bem, mas se eu tiver uma linha com um botão de opção, caixa de entrada e lista de seleção, não consigo descobrir como dizer a ela para definir o valor padrão de cada elemento, dependendo do tipo de elemento . Estou tentando usar uma linha de modelo, mas isso significa que preciso definir ostyle:display atributo na linha denone paratable-cell. Mais uma vez, como?

Por favor, veja o violino mencionado anteriormente para um exemplo de trabalh