javascript - 如何制作 HTML 表格数组？

Question

这是我的 DOM:

...
<table>
  <tbody>
    <tr>
        <td>1</td>
        <td><img src="../first"></td>
        <td>John</td>
    <\tr>
    <tr>
        <td>2</td>
        <td><img src="../second"></td>
        <td>Peter</td>
    <\tr>
  </tbody>
</table>
...

现在我想要创建这个数组:(将其传递到服务器端并导出它的 .CSV)

var arr = array();
arr = array(array(1,'../first','John'),array(2,'../second','Peter'));

如何从 DOM 制作上面的数组？

<小时/>

注意:我使用jquery，因此我可以使用以下方法获取src属性:

$('img').attr('src');

Answer 1

尚未测试。基本上你需要遍历所有 <tr>并获取每个值。

顺便说一句，array应该是Array .

var arr = Array();
$('table tr').each(function(index) {
    var id = $(this).children()[0].innerText;
    var imageSrc = $(this).find('img').attr('src');
    var name = $(this).children()[2].innerText;
    arr.push_back(Array(id, imageSrc, name));
});