在按鈕上添加和減去TR單擊（ID +1）

我希望用戶能夠添加&減去行（添加&去除製品W /數量&的言論。）

我已經拼湊這一點，有幾個例外的作品。

我需要每個輸入的ID +1，而新的輸入/行的val（''）。
減法按鈕的作品，但刪除最後&唯一行。刪除它自己&添加按鈕。

任何人都可以告訴我一些例子，我將如何+1輸入&有減法按鈕顯示在第二行嗎？或者讓我走向正確的方向？由於在高級 -

HTML：

<table id="mytable" width="250px" border="0" cellspacing="0" cellpadding="0" style="text-align:center;> 
    <thead> 
    <tr class="product"> 
    <th style="text-align:center;"><strong>Item</strong></th> 
    <th style="text-align:center;"><strong>Qty.</strong></th> 
    <th style="text-align:center;"><strong>Remarks</strong></th> 
    </tr> 
    </thead> 
    <tr name="product" class="product"> 
    <td width="100px" style="padding-left:7px; padding-right:7px;"><input type="text" width="100px" name="product" id="product" /></td> 
    <td width="5px" style="text-align:center; padding-left:7px; padding-right:7px;"><input type="text"maxlength="2" name="qty" id="qty"></td> 
    <td width="100px" style="padding-left:7px; padding-right:7px;"><input type="text" name="remarks" id="remarks" /></td> 
    <td><input type="submit" name="add" id="add" value="+" style="width:20px; text-align:center;"/></td> 
    <td><input type="submit" class="subtract" value="-" style="width:20px; text-align:center; display:none;"/></td> 
    </tr> 
    </table>

我現在使用：

$("#add").click(function() { 
$('#mytable tbody>tr:last').clone(true).insertAfter('#mytable tbody>tr:last'); 
$('#mytable tbody>tr:last #product').val(''); 
    $('#mytable tbody>tr:last #qty').val(''); 
     $('#mytable tbody>tr:last #remarks').val(''); 
      $('#mytable tbody>tr:last #add').val('+'); 


$("input.subtract").click(function() { 
$(this).closest("tr").remove();  
});

來源

2012-01-27 Brett J Mason

而是克隆，創建一個新的tr，ID爲值$('#mytable tbody>tr: last') ID + 1和追加它表。要刪除具有特定ID的tr，請將其用作函數參數。在這個功能中刪除這個特定的tr。（<input type="button" class="subtract" value="-" style="width:20px; text-align:center; display:none;" onClick="remove({id});"/>）

來源

2012-01-27 08:23:56 maialithar

在按鈕上添加和減去TR單擊（ID +1）

回答

相關問題