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

w3spi

与以前使用的方法相比,我在工作中学会了一种更全面的方法(请参阅此处)。我发现自己使用下面的代码。我想将最后一个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'})
            )
          )
        )
      )
    )
  )
);
罗里·麦克罗森(Rory McCrossan)

您只需要移动.append()即可遵循tr声明,而不是td

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用 AJAX/JQUERY 将每个 <td> 中的数据附加到从 JSP 生成的表中

如何将jquery stringyfy数据附加到具有4个用户的可编辑(tr和td)数据的表中,就像循环一样

使用 jquery 将动态数据附加到表体中

使用jQuery将图像附加到MVC中的表行

使用 jquery 将选定的表单附加到表中?

jQuery $.each 或 $.map 将 <tr> 附加到动态添加的表

使用jQuery将tr附加到thead结果空白表行

使用 Jquery 将行附加到表

使用 jquery 和 js 动态地将 <td> 元素添加到 <tr> 元素中

Javascript将tr附加到表

使用jquery将<tr>添加到表中+在添加的行上保留jquery函数

将tr附加到表中会删除旧的tr?

使用 JQuery 将特定 td 添加到表中的特定行

使用纯JavaScript将TR附加到表,而没有表的ID引用

将jQuery选择器变量附加到表中

如何使用jQuery将<form:input path =“” />附加到表中?

使用 Jquery 将行附加到嵌套的 HTML 表

将类添加到动态表中当前tr的td的输入中

使用 case 时将表中的时间附加到 getdate()

使用 jQuery 将参数附加到字符串中

如何使用jquery将多个文件附加到formdata中

将数据附加到表中的条件

如何避免使用jQuery将除新<tr>中的第一个之外的其他<td>追加到<tbody>中?

如何使用StringBuilder将样式定义附加到字符串中的<TD>标签?

使用 jQuery 將克隆的 tr 對象附加到 tbody 中

将tr附加到表格会使用javascript将新的tbody附加到html表格

Knockout.js-将<td>附加到<tr data-bind =“ foreach:columns”>

使用 jquery 将数据附加到 div

如果使用jQuery单击td,则为表中的所有tr元素上色