jquery如何遍历表格

1283
2021/5/17 15:08:46
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

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


jquery如何遍历表格


具体步骤如下:

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

}


辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: ColorBox jQuery怎样提升用户体验