jQuery遍历Table表格的行和列

最新推荐文章于 2019-12-24 19:19:43 发布

花开半夏凉城空╲ゞ夏雪

最新推荐文章于 2019-12-24 19:19:43 发布

阅读量2.4k

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/xiaxue168/article/details/88957308

版权

本文介绍如何使用jQuery遍历HTML Table的行和列。提供了基础代码示例，展示如何获取并操作表格的第一列数据。请注意，实际应用中需根据需求调整和扩展代码，并确保jQuery库已正确引入。

摘要由CSDN通过智能技术生成

遍历Table表格的行和列，在开发中比较常用的功能，特别是前端开发人员，不多说，直接上代码，下面代码只是弹出第一列字段，请各位自己根据需求修改和扩展！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery遍历Table表格的行和列</title>
    <script type="text/javascript" src="http://localhost/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#tab1 tr").each(function(rowIndex) {
                alert($(this).find("td").first().html());
            });
        });
    </script>
</head>
<body>
    <table id="tab1" border="1" style="border-collapse:collapse;width:100%;">