jquery - 获取 HTML 表格值。用 Ajax 发送它们

Question

我需要获取所有表值并将它们发送到我的控制器进行处理！

这是我的桌子：

<table id="test">
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>6</td>
    <td>7</td>
  </tr>
</table>

我怎样才能将这 6 个值放入数组中并将它们与 ajax 一起发送到我的脚本进行处理？

编辑：类似于使用数据通过 ajax 提交表单时的情况：

serialize("#form")

Answer 1

var values = $('#test td')  // Find all <td> elements inside of an element with id "test".
    .map(function(i, e){    // Transform all found elements to a list of jQuery objects...
        return e.innerText; // ... using the element's innerText property as the value.
    })
    .get();                 // In the end, unwrap the list of jQuery objects into a simple array.

在这里工作小提琴。

---

ES6 让这个看起来更优雅一点：

let values = $('#test td')
    .map((index, element) => element.innerText)
    .get();