JQuery获取表行的副本

时间:2017-02-10 07:37:50

标签: javascript jquery html

我被困在克隆html部分表格行(TR)里面我的div休息我的代码工作正常但不复制表格行html数据 这是我的jQuery代码

 $(document).ready(function () {
     $('<div/>', {
         'class' : 'extraPart', html: GetHtml()
     }).appendTo('#container');
     $('#addRow').click(function () {
           $('<div/>', {
               'class' : 'extraPart', html: GetHtml()
     }).hide().appendTo('#container').slideDown('fast');
        $('.selectpicker').selectpicker('refresh');  
     });
 })
 function GetHtml()
{
      var len = $('.extraPart').length;
    var $html = $('.extraPartTemplate').clone();

    $html.find('[name=txtvehicle]')[0].name="txtvehicle" + len;
    $html.find('[name=txtcolor]')[0].name="txtcolor" + len;
    $html.find('[name=txtengine]')[0].name="txtengine" + len;
    $html.find('[name=txtchassis]')[0].name="txtchassis" + len;
    $html.find('[name=txtcost]')[0].name="txtcost" + len;
    $html.find('[name=txtselling]')[0].name="txtselling" + len;
    $html.find('[name=txtrlcheck]')[0].name="txtrlcheck" + len;
    $html.find('[name=txtbranches]')[0].name="txtbranches" + len;

    $html.find('.bootstrap-select').replaceWith(function() { return $('select', this); });
    $('.selectpicker').selectpicker('refresh');
return $html.html();
}

这是我的小提琴https://jsfiddle.net/258rpq68/

0 个答案:

没有答案