如何通过jquery在克隆对象之间添加空格或填充

时间:2015-02-03 06:40:17

标签: jquery clone html-table padding

以下是我的克隆代码

var zero=0;
  var rownum=0;
   $("#btn11").click(function(){
    //Creating New row , then cloning elements one by one, and changing the id of elements......
        var newrow = $('#row'+ rownum );
        newrow.clone().attr('id', 'row'+(++rownum) ).insertAfter( newrow);

        var uncode = $('#uncode'+ zero );
        uncode.clone().attr('id', 'uncode'+rownum ).insertAfter( newrow )[0];

        var purpose = $('#purpose'+ zero );
        purpose.clone().attr('id', 'purpose'+rownum ).insertAfter( newrow )[0];



    });

我正在使用此代码来克隆对象,我如何对齐或添加填充或添加。任何事情都会有所帮助

1 个答案:

答案 0 :(得分:2)

填充是css属性,因此您需要使用 .css()

执行此操作
 var new_row = $('#row'+ rownum );
 var clone_row = newrow.clone();
 clone_row.attr('id', 'row'+(++rownum) );
 clone_row.css('padding', '5px' );
//If you want to add more than one css style
//clone_row.css({
//'padding': '5px',
//'background':'cyan'
//});

clone_row.insertAfter(new_row);