добавить объект в последний ряд таблицы - PullRequest
0 голосов
/ 14 июля 2011

У меня есть две таблицы, подобные этой

<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>

, когда пользователь нажимает кнопку ai, чтобы скопировать объект в новую строку таблицы, проблема в том, что с помощью селектора добавьте новый столбец.Как я могу достичь своей цели

Это мой JS

$(document).ready(initialize);

function initialize(){
 $("#butonID").click(function (){
     $("#prueba").clone().attr('id','nuevo').attr('class','').appendTo("#tblSalida tr:last");
})

Ответы [ 3 ]

2 голосов
/ 14 июля 2011

попробовать:

$('#tblSalida').append(     // append new row to table
    $('<tr><td></td></tr>') // create the new row
        .find('td').append( // append select to the new td
            $('#prueba').clone().attr('id', 'nuevo').attr('class', '')
        )
        .end()              // return to the `tr` so it is appended, not the td
);
1 голос
/ 14 июля 2011

Попробуйте это

function initialize(){
 $("#butonID").click(function (){
     $("<tr />").append($("<td />").append($("#prueba").clone().attr('id','nuevo').attr('class',''))).appendTo($("#tblSalida"));
 });
}
0 голосов
/ 14 июля 2011

Я думаю, что вы упустили несколько закрывающих тегов в вашем примере, но в основном, как сказали другие.

Однако, именно так я и сделал бы.

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');
    });
}

РЕДАКТИРОВАТЬ:

Я только что понял, что я объявляю переменную даром.: P cwolves имеет идеальный код.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...