Question

如何使用jquery

简化此代码

$('#tableclick').click(function(){

if($('#tr_second').length == 0){ var adppend =$('#append_tr').append; } else { var adppend =$('#tr_second').append;  }

            adppend('<tr><td>test1</td><td>test2</td><td>test3</td></tr>');
});

Answer 1

这样你可以使用你的病情。这是一个jsFiddle

$('#tableclick').click(function() {
  var html = '<tr><td>test1</td><td>test2</td><td>test3</td></tr>';
  if (!$('#tr_second').length) {
    $('#append_tr').append(html);
  } else {
    $(html).insertAfter($('#tr_second'));
  }
});

Answer 2

看起来你只是想复制第一行并在点击按钮时添加它的克隆，如果是这样，你可以这样做：

$('#tableclick').click(function() {
  var $table = $('#my-table');
  var $tr = $table.find('tr').eq(0).clone();
  $table.append($tr);      
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="my-table">
  <tr>
    <td>test1</td>
    <td>test2</td>
    <td>test3</td>
  </tr>
  <tr>
    <td>test1</td>
    <td>test2</td>
    <td>test3</td>
  </tr>
</table>

<a href="javascript:;" id="tableclick">click addon</a>

Answer 3

＆＃13;

$('#tableclick').click(function(){

      if($('#tr_second').length == 0){
       $('#append_tr').append('<tr><td>test1</td><td>test2</td><td>test3</td></tr>'); 
      } 
      else { 
       $('#tr_second').append('<tr><td>test1</td><td>test2</td><td>test3</td></tr>');  
      }
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="append_tr">
<tr>
<td>test1</td><td>test2</td><td>test3</td>
</tr>
<tr id="tr_second">
<td>test1</td><td>test2</td><td>test3</td>
</tr>
</table>

<a href="javascript:;" id="tableclick">click addon</a>

＆＃13;

不完全确定您要找的是什么，但我认为这是您尝试实现的目的，如果有帮助请告诉我。

如何使用append和在jquery中使用if条件之后

3 个答案: