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

Question

我有一个表格，其中显示带有编辑删除链接的区域列表。我想在最后添加一个隐藏字段此表

<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的最后一个TD中我可以得到列表为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);