[英]Jquery append column to table
在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
中。
您可以尝试在每个tr中循环,然后在该tr对象上调用append
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.