2016-06-21 71 views
0
<div id="parent_${id}"></div> 

var tableHead = "<table id='ftTableID'><thead><th class='th4'>First Name</th><th class='th5'>Last Name</th><th>Action</th></thead>")}"+""; 

$('#parent_itemId').prepend(tableHead); 
$('#ftTableID').append("</table>"); 

在此之后追加新trdiv我们是否可以得到布尔值(true或false)是否删除的tr是否在div内?

var $newElem = $("<tr>").html(elem).attr({'id': id + num1, 'no': num1}); 

// creates the "Remove" button 
var $removeButton = $('<input type="button" class="deleteButton" value="Delete" /></tr>').appendTo($newElem); 

$removeButton.attr({ 
    id: 'remove_' + id, 
    value: removeBtnLabel ? removeBtnLabel : 'Remove', 
    disabled: 'disabled' 
}); 

// binds handler to the 'click' JS event of the "Remove" button 
$removeButton.click(function() { 
    removeItem(id, num1, min); 
}); 

追加trdiv

$('#parent_' + id).append($newElem); 

首先tr将在上述div id被追加与ADD取消旁边的按钮 。虽然我们点击ADD按钮,下一步tr将加入ADD取消旁边的按钮。 ADD按钮将被省略,从第一个tr只剩下取消按钮在第一个tr等等。现在当我按CANCELL按钮时,我需要知道删除的行(tr)是否是最后一行?

现在,当调用removeItem()函数时,我想查找tr是否是最后的tr

+0

'$( 'TR:去年')'试试这个选择器':last'或方法'.last()' – guradio

+0

每个'tr'是否都有自己的取消按钮,它会删除那个'tr'? – wmash

+0

是的,每个tr都有自己的取消按钮,可以删除相应的tr @wmash –

回答

0

下面是HTML动态添加两行后:

<div id="parent_${id}"> 
    <table> 
      <tr> 
       <td> 
        <input type="button" value="Cancel" id="CancelBtn1" /> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <input type="button" value="Add2" /> 
       </td> 
       <td> 
        <input type="button" value="Cancel" id="CancelBtn2"/> 
       </td> 
      </tr> 
    </table> 
</div> 

您可以使用下面的代码上的取消按钮,点击:

if($(this).closest("tr").next().is("tr")) 
{ 

//it is not the last row 
} 
else 
{ 
//it is the last row 
} 
+0

我附加tr在div中不在表格中..不工作..反正你的时间。 –

+0

在没有表格的情况下添加tr不是正确的HTML语法。有相同的理由吗? – AshishJindal

+0

我正在尝试创建一个动态水平表单。在这种情况下,如果我添加一个表,那么表头也将被添加到下一个tr中。所以我已经把桌子的头部留下了空白,并且附在了div上。我分别附加了tr。 –

相关问题