Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery通过单击表中的链接获取表的行_Jquery_Html - Fatal编程技术网

使用jQuery通过单击表中的链接获取表的行

使用jQuery通过单击表中的链接获取表的行,jquery,html,Jquery,Html,我有一个表,其中的行是在单击按钮时动态添加的 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>&

我有一个表,其中的行是在单击按钮时动态添加的

 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); 

 }  
现在,每当我想要编辑特定的行时,我都会单击该行的编辑按钮

  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、名称、desg的空白值。

调用
EditRow()
时,使用
this
传递当前dom。如下所示:

 onclick="EditRow(this);"
var row=$(this).closest("tr");
要获取
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
})

您可以获得如下所示的行:

 onclick="EditRow(this);"
var row=$(this).closest("tr");
找到行后,您可以找到它的td值,如下所示,然后继续保存:

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

将数据表附加到id文档\ U数据表。单击铅笔,您可以编辑特定的行。 var ROOT='@Url.Content(“~/”); 响应是ajaxsuccess中的函数参数

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();
var table=$('#Document_Datatable')。Datatable();
table.clear().draw();
对于(变量i=0;i
提供一个JSIDLE来处理您想要的内容“编辑”按钮所在行的行号??行号及其变量中的值,以便我可以编辑并保存它。每一行或按钮都可以有一个唯一的id/名称,该id/名称引用该特定数据行。每一行的id都是唯一的。如何访问其单元格(td)。您想要的td。标记的父td??Milind,它不起作用…未将'tr'的对象传递给row变量。因此,它显示td的空白警报框。您尚未在函数
EditRow()
中传递参数,它应该是
函数EditRow(this){