Question

我有一个表，其中在点击按钮时动态添加行。

 function SaveData()
  {
   var empid='CT'+($("#Employee tbody tr").length+1);
   var newRow = jQuery('<tr><td>'+empid+' </td><td>'+$("#name").val()+'</td><td>'+$("#desg").val()+'</td><td>'+$("#Sal").val()+' </td><td><a href="#" class="Edit_link" onclick="EditRow();">Edit</a>&nbsp &nbsp<a href="#">Delete</a> </td></tr>');
jQuery('#Employee').append(newRow); 

 }

因此创建的表格如下：

Id   Name  Designation  Salary

1    ABC   XYZ          10000    Edit  Delete  
2    ABC   XYZ          10000    Edit  Delete

现在每当我想编辑特定行时，我都会点击该行的“编辑”按钮。

  function EditRow()
        {   
            var row= $(this).closest('tr');  
            var id=$("td:eq(0)",row).text(); 
            var name=$("td:eq(1)",row).text(); 
            var desg=$("td:eq(2)",row).text(); 
            alert(id);  
            alert(name);  
            alert(desg);  
        }

此处在警告框中，它显示id，name，desg。

的空白值

Answer 1

在调用this时使用EditRow()传递当前dom。就像这样：

 onclick="EditRow(this);"

要获取EditRow中的当前行，请使用：

$(this).closest('tr');//this would give you current row object
$(this).find('td').slice(0,3).each(function(){
     alert($(this).text());// will alert name,designation,salary 1 by 1
})

Answer 2

你可以得到这样的行：

var row=$(this).closest("tr");

找到行后你可以找到它的值，如下所示，然后继续保存：

     $(document).on('click','.Edit_link',function(){
        var row=$(this).closest("tr");
        var id=$("td:eq(0)",row).text()
      })

Answer 3

将数据表追加到ID Document_Datatable。单击铅笔，可以编辑特定的行。 var ROOT ='@ Url.Content（“〜/”）'; 响应是ajax成功的功能参数。

var table = $('#Document_Datatable').DataTable();    
table.clear().draw();
for (var i = 0; i < response.length; i++) {
var edit = "<a onclick='getSingleDocument(" + response[i].WCNDocumentId + ',' + 
response[i].WCNID + ")' title'Edit' class='btn btn-xs btn-default -text-blue' data- 
target='#UploadDocument' data-toggle='modal'><i class='fa fa-pencil'></i></a> <label 
title='Delete'  class='btn btn-xs btn-danger' onclick='DeleteDoc(" + 
response[i].WCNDocumentId + ',"' + response[i].FileName + '"' + ")'  data- 
toggle='modal' ><i class='fa fa-trash-o'></i></label>";
var name = 'Test';
DocID = response[i].WCNDocumentId;
DocName = response[i].DocumentName;
var roNode = table.row.add([
response[i].DocumentName,
response[i].Description,
response[i].Description,
response[i].UserName,
edit
])
table.draw();

要通过单击其中的链接来获取表的行，请使用jQuery

3 个答案: