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

Question

我在工作中学到了一种比我以前使用的方法更全面的方法 (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'})
            )
          )
        )
      )
    )
  )
);

Answer 1

您只需要移动 .append() 以跟随 tr 声明，而不是 td:

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