Jquery 将对象追加到表的最后一行

我有两张这样的桌子

<table>
   <tr>
<td>
    <select name="prueba" id="prueba" class="ddlStyles">
        <option value="">Elige un estilo</option>
        <option value="messageTextStyle1">Estilo 1</option>
        <option value="messageTextStyle2">Estilo 2</option>
        <option value="messageTextStyle3">Estilo 3</option>
    </select>
</td>
<td>
    <input name="primerboton" id="butonID" type="button" value="Copiar" />
</td>
</tr>
</table>

<table id="tblSalida">
<tr>
    <td>
        salida
    </td>
</tr>
</table>

尝试：

$（'#tblSalida'）.append（//将新行追加到表中
$（“”）//创建新行
.find（'td'）.append（//将select追加到新的td
$（'#prueba'）.clone（）.attr（'id'，'nuevo'）.attr（'class'，''）
)
.end（）//返回'tr'，因此它被追加，而不是td
);

试试：

$（'#tblSalida'）.append（//将新行追加到表中
$（“”）//创建新行
.find（'td'）.append（//将select追加到新的td
$（'#prueba'）.clone（）.attr（'id'，'nuevo'）.attr（'class'，''）
)
.end（）//返回'tr'，因此它被追加，而不是td
);

我认为您的示例中缺少了一些结束标记，但基本上，就像其他人所说的那样

然而，这就是我应该怎么做的

function initialize() {
    $('#butonID').click(function (){
        var $row = $('<tr><td></td></tr>');
        var $copy = $('#prueba').clone().attr('id','nuevo').removeAttr('class').appendTo($row.find('td'));
        $row.appendTo('#tblSalida');
    });
}

函数初始化（）{
$（'#butonID'）。单击（函数（）{
变量$row=$（''）；
var$copy=$（'#prueba'）.clone（）.attr（'id'，'nuevo'）.removeAttr（'class'）.appendTo（'row.find（'td'））；
$row.appendTo（'tblSalida'）；
});
}

编辑：

---

我刚刚意识到我是在毫无意义地声明一个变量P cWalves有一个理想的代码。

我认为您的示例中缺少了一些结束标记，但基本上，就像其他人所说的那样

然而，这就是我应该怎么做的

function initialize() {
    $('#butonID').click(function (){
        var $row = $('<tr><td></td></tr>');
        var $copy = $('#prueba').clone().attr('id','nuevo').removeAttr('class').appendTo($row.find('td'));
        $row.appendTo('#tblSalida');
    });
}

函数初始化（）{
$（'#butonID'）。单击（函数（）{
变量$row=$（''）；
var$copy=$（'#prueba'）.clone（）.attr（'id'，'nuevo'）.removeAttr（'class'）.appendTo（'row.find（'td'））；
$row.appendTo（'tblSalida'）；
});
}

编辑：

我刚刚意识到我是在毫无意义地声明一个变量P cWalves有理想的代码。

试试这个

function initialize(){
 $("#butonID").click(function (){
     $("<tr />").append($("<td />").append($("#prueba").clone().attr('id','nuevo').attr('class',''))).appendTo($("#tblSalida"));
 });
}

函数初始化（）{
$（“#butonID”）。单击（函数（）{
$（“”）。追加（$（“”）。追加（$（“#prueba”）.clone（）.attr（'id'，'nuevo'）.attr（'class'，''）。追加（$（“#tblSalida”）；
});
}

试试这个

function initialize(){
 $("#butonID").click(function (){
     $("<tr />").append($("<td />").append($("#prueba").clone().attr('id','nuevo').attr('class',''))).appendTo($("#tblSalida"));
 });
}

函数初始化（）{
$（“#butonID”）。单击（函数（）{
$（“”）。追加（$（“”）。追加（$（“#prueba”）.clone（）.attr（'id'，'nuevo'）.attr（'class'，''）。追加（$（“#tblSalida”）；
});
}

我刚才说的是OP，很抱歉搞混了。没有什么不符合你的回答。：）我说的是手术，抱歉搞混了。没有什么不符合你的回答。：）它第一次起作用，但当您再次单击“添加列”而不是“添加新行更新示例”时，忘记了

.end（）

它第一次起作用，但当您再次单击“添加列”而不是“添加新行更新示例”时，忘记了

.end（）