jQuery將列追加到表

Question

在SharePoint環境中使用jQuery，我試圖將對象屬性附加到表的最后一列。

我正在使用以下JavaScript：

  var id = ctx.CurrentItem.ID; //Gets IDs for items in list
  console.log(id);
  $(".ms-vb-lastCell").append("<td role='gridcell' class='ms-vb-cellstyle ms-vb2'>" + id + "<td>")

表格行的DOM樹：

<tbody>
  <tr class=" ms-itmHoverEnabled ms-itmhover" oncontextmenu="return ShowCallOutOrECBWrapper(this, event, false)" iid="244,1,0" id="244,1,0" role="row">
    <!--iid and id are dynamically generated on load-->
    <td role="gridcell" class="ms-cellstyle ms-vb2">Completed</td>
    <td role="gridcell" class="ms-cellstyle ms-vb2">(2) Normal</td>
    <td role="gridcell" class="ms-cellstyle ms-vb2"><span class="ms-noWrap" title="3/30/2018">3/30/2018</span></td>
    <td role="gridcell" class="ms-vb-lastCell ms-cellstyle ms-vb2">
      <div style="background: #F3F3F3; display:block; height: 15px; width: 120px;">
        <div style="background: #00539B; height: 100%; width: 100%;"></div>
      </div> 100 %
    </td>
  </tr>
</tbody>

如何將每個項目ID附加到每行的最后一個td中。

Answer 1

您可以嘗試在每個tr中循環，然后在該tr對象上調用append 。