jquery如何遍历表格 jquery遍历列表

主机教程 建站分享 2年前 (2022-10-16) 217次浏览

文章摘要:jquery如何遍历表格 jquery遍历列表

在jquery中遍历表格的方法:1.新建html项目,引入jquery;2.在项目中创建table表格;3.新 […]

在jquery中遍历表格的方法:1.新建html项目,引入jquery;2.在项目中创建table表格;3.新建空数组,存储表格内容;4.使用each()方法历表格对象;

具体步骤如下:

1.首先,在新建一个html项目,在项目中引入jquery;

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后,在项目中创建一个table表格;

<table>
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>

3.table表格创建好后,新建一个空数组,用于存储表格内容;

var array = [];

4.最后,数组创建好后,使用each()方法遍历表格对象,并通过alert()方法输出表格内容;

var array = [];

$('table td').each(function(){

var tdcon = $(this).text();

arr.push(tdcon);

});

alert(arr);

}


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:jquery如何遍历表格 jquery遍历列表
文章链接:http://www.7966.org/post/11014.html
转载请注明出处

喜欢 (0)