Javascript 使用jQuery将td追加到表中的tr

我在工作中学会了一种比以前更全面的方法（）。我发现自己的代码如下。我想将最后一个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'})
            )
          )
        )
      )
    )
  )
);

$（'.main'）。追加(
$（“”，{class'：'box'}）。追加(
$（“”，{'class'：'table_responsive'}）。追加(
$（''，{'class'：'table'}）。追加(
$（''）。追加(
$（''）。追加(
$（“”，{'class'：'text center'，'text'：'col1'）。追加(
$（“”，{'class'：'text center'，'text'：'col2}）
)
)
)
)
)
)
);

您只需移动

.append（）

即可遵循

tr

声明，而不是

td

：

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

$（“”）
.append（$（''，{'class'：'text center'，'text'：'col1'}））
.append（$（''，{'class'：'text center'，'text'：'col2'}））

简单。非常感谢你！！