网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 生活知识 知识问答

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

时间:2026-02-18 19:57:20

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怎么获取表格里的数据存到集合里

© 2026 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com