Jquery将列附加到表

时间:2018-03-19 19:32:28

标签: javascript jquery sharepoint

在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

1 个答案:

答案 0 :(得分:0)

您可以尝试在每个tr中循环,然后在该tr对象上调用append