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

时间:2013-10-25 12:30:33

标签: jquery html ajax html-table

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

这是我的表:

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

1 个答案:

答案 0 :(得分:2)

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.

Working fiddle here.


ES6使这个看起来更优雅:

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