jq怎么获取表格里的数据存到集合里

2025-10-25 04:01:49

1、思路:在页面中有一个表格,因为对象有属性,可以在td中设置自定义属性作为对象的属性,td的内容作为对象属性的值。

2、定义一个表格,设置td的自定义属性。

<table id="tb

  <tr>

    <td propertyName="name">张三</td>

    <td propertyName="gender">男</td>

    <td propertyName="age">23</td>

    <td propertyName="professional">程序员</td>

  </tr>

  <tr>

    <td propertyName="name">李四</td>

    <td propertyName="gender">男</td>

    <td propertyName="age">25</td>

    <td propertyName="professional">管理员</td>

  </tr>

  <tr>

    <td propertyName="name">小樱</td>

    <td propertyName="gender">女</td>

    <td propertyName="age">20</td>

    <td propertyName="professional">招聘员</td>

  </tr>

</table>

jq怎么获取表格里的数据存到集合里

3、声明数组和对象,遍历表格行和列,将每列的自定义属性设给对象,将内容设给对象属性的值。

$(function(){

var array = [];

var object

    $("#tb tr").each(function(){

    object = new Object();

    var tdLength = $(this).children().length;

    for(var i=0;i<tdLength;i++){

    var currentTd = $(this).children()[i];

    var propertyName = currentTd.getAttribute("propertyName");

    var value = currentTd.innerText;

    object[propertyName] = value;

    }

    array.push(object);

    });

    console.log(array)

});

jq怎么获取表格里的数据存到集合里

jq怎么获取表格里的数据存到集合里

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢