ajax获取动态表格的任意数据

在前后端分离使用ajax传输数据时难免需要对数据进行一系列的操作,那么在后台传输数据到页面被动态生成表格后如何获取表格内容就是一个问题了,下面自己总结了一个方法

 /* 通过dom关系来获取

  $.each(json, function (i, obj) {
      html += ''
      html += '' + obj.staffnumber + ''
      html += '' + obj.department + ''
      html += '' + obj.post + ''
      html += '' + obj.name + ''
      html += '' + obj.sex + ''
      html += '' + obj.age + ''
      html += '' + obj.phone + ''
      html += '' + obj.idcard + ''
      html += '' + obj.entrytime + ''
      html += '修改'
      html += ''
  })
  $('#result').append(html);


  window.modify = function (a) {
      var tr = a.parentNode.parentNode;//获取a的父节点td,在获取td父节点得到tr
      alert(tr.cells[1].innerHTML)//staffnumber //获取tr数组的索引为1的值 即obj.department的值
      alert(tr.cells[2].innerHTML)//department
      ///...其他同行列值
  } */

在获取到同一个对象的数据后使用父节点来拿儿子的值是不是就很简单了,

 

你可能感兴趣的:(ajax获取动态表格的任意数据)