從輸入傳遞行值阿賈克斯後

Question

我有不同的價值觀多行的表 - 值是藏在裏面輸入 - 就像這樣：

<tr> 
    <td>UserName 1 <input type="hidden" class="EmployeeID" name="EmployeeID[]" value="1" /> 
    <td><input type="button" class="btn btnDelEmployee" value="Delete" /></td> 
</tr> 
<tr> 
    <td>UserName 12 <input type="hidden" class="EmployeeID" name="EmployeeID[]" value="2" /> 
    <td><input type="button" class="btn btnDelEmployee" value="Delete" /></td> 
</tr> 

我試圖通過該行的值一次我點擊刪除輸入。 我試過這段代碼：

$(document).on('click', '.btnDelEmployee', function() { 
     $.post('', {DelEmployee:1, EmployeeID: $(".EmployeeID").val()}, function(data){ 

     },'json');      
}); 

當我點擊第二行，我得到的不是獲取第二行的值，第一行的值。

Answer 1

我建議您的屬性添加到您的領域，如：

<input type="button" class="btn btnDelEmployee" value="Delete" data-id="2" /> 

然後：

$(document).on('click', '#btnAddClose', function() { 
     $.post('', {btnAddClose:1, EmployeeID: $(this).attr('data-id')}, function(data){ 

     },'json');      
});