使用jQuery将td附加到表中的tr

时间:2015-01-23 09:10:19

标签: javascript jquery html

我在工作中学到的方法比我之前使用的方法更为全面(see here)。我发现自己使用下面的代码。我想将最后一个td(col2)添加到父tr而不是前一个td(col1)。怎么办?

我到处寻找,但我没有找到问题的答案......

$('.main').append(
  $('<div>', {'class' : 'box'}).append(
    $('<div>', {'class' : 'table_responsive'}).append(
      $('<table>', {'class' : 'table'}).append(
        $('<tbody>').append(
          $('<tr>').append(
            $('<td>', {'class' : 'text-center', 'text' : 'col1'}).append(
            $('<td>', {'class' : 'text-center', 'text' : 'col2'})
            )
          )
        )
      )
    )
  )
);

1 个答案:

答案 0 :(得分:2)

您只需移动.append()即可跟随tr声明,而不是td

$('<tr>')
    .append($('<td>', {'class' : 'text-center', 'text' : 'col1'}))
    .append($('<td>', {'class' : 'text-center', 'text' : 'col2'}))