Question

我有一个表格，显示带有编辑删除链接的区域列表。我想在这个表的tr的最后td末尾添加一个隐藏字段

 <table class="source-table dialog" data-control="regionEditList">
      <tr class="source-header">
          <th>Region name</th>
          <th style="width: 104px">Action</th>
       </tr>
          <c:forEach var="region" items="${regions}">
            <tr>
              <td class="regionName">${region.regionName}</td>
              <td class="region-edit-btns" data-control="region-edit-del">
              <a href="#" data-control="regionEdit">Edit</a>
              <a href="#" data-control="delRegion">Delete</a>
              </td>
        </tr>
         </c:forEach>
   </table>

使用jquery我可以将列表作为tr

    var addWrapper = jQuery('[data-control=regionAddField]'),
    addField = jQuery('input[type=text]', addWrapper),
    addReset = jQuery('input[type=reset]', addWrapper),
    addBtn = jQuery('button', addWrapper),
    list = jQuery('[data-control=regionEditList]');

所以我使用

添加tr

    list.append('<tr><td class="regionName">' + addField.val() + '</td><td class="region-edit-btns" data-control="region-edit-del">'+
                '<a href="#" data-control="regionEdit">Edit</a><a href="#" data-control="delRegion">Delete</a></td></tr>');

现在从Db获取regionId后，我想在上面列表的最后一个td中附加一个隐藏字段。

如果有任何混淆，请告诉我。

Answer 1

 <table class="source-table dialog" data-control="regionEditList">
      <tr class="source-header">
          <th>Region name</th>
          <th style="width: 104px">Action</th>
       </tr>
          <c:forEach var="region" items="${regions}">
            <tr id="yourTr">
              <td class="regionName">${region.regionName}</td>
              <td class="region-edit-btns" data-control="region-edit-del">
              <a href="#" data-control="regionEdit">Edit</a>
              <a href="#" data-control="delRegion">Delete</a>
              </td>
        </tr>
         </c:forEach>
   </table>
var addpendElem = '<input type="hidden" id="someId"';
$('#yourTr :last-child').after(addpendElem);

使用jquery在表的tr的最后一个td内添加隐藏字段

1 个答案: