通过特定行'；将td值作为数组发送到JavaScript

我有一张表，其中包含一些标记：

<table>
  <tr class = 'common'>
    <td contenteditable = 'true' name = 'marks'>10</td>
    <td contenteditable = 'true' name = 'marks'>50</td>
    <td contenteditable = 'true' name = 'marks'>40</td>
  </tr>
  <tr class = 'common'>
    <td contenteditable = 'true' name = 'marks'>40</td>
    <td contenteditable = 'true' name = 'marks'>20</td>
    <td contenteditable = 'true' name = 'marks'>10</td>
  </tr>
</table>

---

要实现这一点，您可以将

输入

事件处理程序挂接到

contenteditable

单元格。然后，您可以使用

map（）

在修改后的行中构建单元格值数组，以便在AJAX请求中使用。大概是这样的：

$（'.common td[contenteditable]'）。在（'input'，function（）上{
var marks=$（this）.closest（'tr'）.find（'td'）.map（函数（）{
返回$（this.text（）.trim（）；
}).get（）；
控制台日志（标记）；
//在这里进行AJAX调用。。。
});

10
50
40
40
20
10
您可以使用jQuery的
each（）
遍历所有
td
，如下所示：


$（document）.on（'blur'，'.common td[contenteditable]'，function（）{
var numArray=[]；
var allTD=$（this）.closest（'tr'）.find（'td'）.each（function（）{
numaray.push（$（this.text（））；
});
控制台日志（numArray）；
});

10
50
40
40
20
10
如果不理解此部分，则第一行上的所有数字都将传递给JavaScript@gurvinder372第一行的所有td值都将作为数组传递给JavaScript。@Mohammadthaqifther Rory的答案应该足够了。谢谢！！像个骗子一样工作没看到你的答案。我会删除我的。不过这是对的
$(document).on('blur', '.common td[contenteditable]', function() {
      var numArray = array(); // 10,10,40   
});