javascript - Jquery 附加 <tr> 到表意外关闭 <tr> 标签

<分区>

我正在使用 jquery append添加方法 <tr>在<tbody>里面.我必须得到下面的表结构

<table>
   <tbody>
     <tr>
        <td>
       <div>
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td width="33%"></td>
                      <td width="4%">:</td>
                      <td width="63%"></td>
                 </tr>
              </table>
         </div>
      </td> 
      <td>
       <div>
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td width="33%"></td>
                      <td width="4%">:</td>
                      <td width="63%"></td>
                 </tr>
              </table>
         </div>
      </td> 
      <td>
       <div>
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td width="33%"></td>
                      <td width="4%">:</td>
                      <td width="63%"></td>
                 </tr>
              </table>
         </div>
      </td> 
    </tr>
    <tr>
        <td>
       <div>
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td width="33%"></td>
                      <td width="4%">:</td>
                      <td width="63%"></td>
                 </tr>
              </table>
         </div>
      </td> 
      <td>
       <div>
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td width="33%"></td>
                      <td width="4%">:</td>
                      <td width="63%"></td>
                 </tr>
              </table>
         </div>
      </td> 
      <td>
       <div>
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td width="33%"></td>
                      <td width="4%">:</td>
                      <td width="63%"></td>
                 </tr>
              </table>
         </div>
      </td> 
    </tr>
  </tbody>
</table>

我必须向 <tr> 添加一个类并动态地包含在其内容中。我是通过 jquery append 方法来做的。但问题是，在附加 <tr> 时在附加第一个 <td> 之后<tr>正在关闭。我需要插入三个 <td>里面<tr>并关闭它。那么这段代码有什么问题呢？

最佳答案

与 .append()您不是在添加标签，而是在添加 DOM 对象。你想要做的是附加 <td> s 到新创建的 <tr> ，像这样:

var tr = $('<tr>');

// Add the row to the table
$('table tbody').append(tr);

// Add cells to the new row
tr.append('<td>1</td>');
tr.append('<td>2</td>');
tr.append('<td>3</td>');

关于javascript - Jquery 附加 <tr> 到表意外关闭 <tr> 标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16422057/

上一篇：javascript - jquery 有效地从大型集合中的前 15 个元素中删除一个类

下一篇：php - 使用 PHP 通过 ajax 调用在后端调用 PHP 函数

相关文章：

javascript - 选择不同选项后隐藏/显示表格

javascript - 使用循环生成表行时自动将行和列数据添加在一起

javascript - 如何以编程方式清除聊天窗口中输入字段(发送框)的内容 | MS Bot 框架 |直线机器人

javascript - 检查窗口是否弹出？

javascript - TypeScript+Node.JS 网页开发框架

html - 按钮和一些用户交互对 iOS14 应用程序没有响应

c# - MVC 局部 View 在发布后呈现为 View

.net - 为什么我的提交事件没有被 ASP.NET 中的 jQuery 捕获？

jquery - mxGraph 自定义用户对象，具有 xml 子元素读取和写入

javascript - 我应该把 JavaScript 代码放在哪里？