jQuery:使用生成新行。单击

jsFiddle上的演示

当前代码仅在我需要在“律师审阅已接收”下方创建新行以显示文件选择器时添加单元格

<table>

    <tr id="ARRrow">
        <td>Attorney Review Received:</td>
        <td><input id="ARR" type="button" value="Click me"></td>  
    </tr>
    <tr>
        <td>Full Package Sent to Title:</td>
    </tr>
</table>

收到的律师审查：
完整包裹已发送至标题：

JS:

$（“#ARR”）。单击（函数（）{
this.style.visibility='hidden'；
$（“#ARRrow”）。每个（函数（）{
var tds='律师审查结果文件（PDF）：'；
$（此）.append（tds）；
});
});

我试图聪明地关闭tr标签，但这显然不起作用。

使用

$（'table'）。append（tds）

$（“#ARR”）。单击（函数（）{
this.style.visibility='hidden'；
$（“#ARRrow”）。每个（函数（）{
var tds='律师审查结果文件（PDF）：'；
$（'table'）。追加（tds）；
});
});

由于没有关闭的
标记，因此无需在开始时写入


我使用了
colspan
来平衡您的列，使您的HTML看起来井然有序。样式只是为了显示这一点：

<table>
    <tr id="ARRrow">
        <td colspan="2">Attorney Review Received:</td>
        <td><input id="ARR" type="button" value="Click me"></td>  
    </tr>
    <tr>
        <td colspan="3">Full Package Sent to Title:</td>
    </tr>
</table>

行的列数不尽相同；您可能必须使用
colspan
属性来平衡。其次，您不能关闭现有的
tr
。使用<代码> .CouthType（）和。（）<代码>添加新的行。这非常接近，但它附加到表的末尾，我需要中间。用户3558931答对了。
$("#ARR").click(function () {
          this.style.visibility='hidden';
          $("#ARRrow").each(function () {
              var tds = '<tr><td>Attorney Review Results Document (PDF):</td><td><input         type="file" name="uploadFileName1" value="[+ $uploadFile +]" /></td><td><input type="submit" name="action" value="Upload Attorney Review Results"></td></tr>';  
              $('table').append(tds);
          });
      });

<table>
    <tr id="ARRrow">
        <td colspan="2">Attorney Review Received:</td>
        <td><input id="ARR" type="button" value="Click me"></td>  
    </tr>
    <tr>
        <td colspan="3">Full Package Sent to Title:</td>
    </tr>
</table>

$("#ARR").click(function () {
    this.style.visibility='hidden';
    var tds = '<tr><td>Attorney Review Results Document (PDF):</td><td><input         type="file" name="uploadFileName1" value="[+ $uploadFile +]" /></td><td><input type="submit" name="action" value="Upload Attorney Review Results"></td></tr>';  
    $(this).closest('tr').after(tds);
});