表格显示序号与设置值

最新推荐文章于 2021-06-04 07:29:09 发布

lsd747490952

最新推荐文章于 2021-06-04 07:29:09 发布

阅读量154

点赞数

分类专栏：页面效果文章标签： jquery 表格操作 ViewUI

本文链接：https://blog.csdn.net/lsd747490952/article/details/84291838

版权

页面效果专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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>
<script type="text/javascript" src="jquery-1.8.1.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表格显示序号与设置值</title>
<script type="text/javascript">
//页面加载时候调用一次
$(document).ready(function(){
  showIndex(); //显示序号
  setValue();  //设置每行前四列值
});
//显示序号
function showIndex(){
  $("#showIndex").click(function () {
             $("#myTable tr").each(function(i, n){
             var text = $(this).children("td:first").text(i+1);
             })
        });
}
//设置每行前四列值
function setValue(){
  $("#setValue").click(function () {
             $("#myTable tr").each(function(i, n){
    $(this).children().eq(0).text("1111");
    $(this).children().eq(1).text("2222");
    $(this).children().eq(2).text("3333");
    $(this).children().eq(3).text("4444");
             })
        });
}
</script>
</head>