还用alert 吗？看看console.info吧，代码的测试平台：ie9, firefox12 
​1. [代码][JavaScript]代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
table {
    border: 1px solid black;
    border-collapse: collapse;
    width: 300px;
}
 
table td {
    border: 1px solid black;
    width: 50%;
}
 
table th {
    border: 1px solid black;
    width: 50%;
}
 
tbody th {
    background-color: #06C;
}
</style>
</head>
<body>
    <div>
        <p id='para'>
            <a id="delTbody" href="javascript:;">del tbody</a>
            <a id='delRow' href="javascript:;">del row</a>
            <a id='tbodyEmpty' href="javascript:;">tbody empty</a>
        </p>
    </div>
    <table id='tab'>
        <thead>
            <tr>
                <th>name</th>
                <th>sex</th>
            </tr>
        </thead>
    </table>
    <script type="text/javascript" src="../../jslib/jquery-1.7.1.js"></script>
    <script type="text/javascript">
      (function(w){
          // ie8 or ie9 console problem solution.     
          if(! w.console){
                //alert(".....");
                w.console = {
                    info : function(){},
                    error : function(){},
                    log : function(){}
                };
          }
      })(window);
 
     
        var tab = $('#tab');
         
        var jsonArr = [{'name' : 'zhai', 'sex' : 'F'},
                    {'name' : 'lsie', 'sex' : 'M'},
                    {'name' : 'abcd', 'sex' : 'M'},
                    {'name' : 'jia1', 'sex' : 'F'}
                    ];
 
        (function(){
            console.info('OK');
            var body = $("<tbody></tbody>");
 
            for(var i = 0; i < jsonArr.length; i++){
                var j = jsonArr[i];
                var td1 = $('<td>' + j.name + '</td>');
                var td2 = $('<td>' + j.sex + '</td>');
                http://www.huiyi8.com/banbao/huabian/
                var tr = $('<tr></tr>');
                tr.append(td1);
                tr.append(td2);
                body.append(tr);
            }
 
            console.info(body.toString());
            tab.append(body);
        })();
 
          $(document).ready(function () {
                $('#para').click(function(event){
                    //console.info("para ......" + event);
 
                    var id = event.target.id;
                    switch(id){
                    case 'delTbody' :
                        console.info('del t');
                        $("#tab tbody").remove();
                        break;
                    case 'delRow' :
                        console.info('del r');
                        try{板报设计
                            tab[0].tBodies[0].deleteRow(0);
                            //tab[0].deleteRow(1);
                        }catch(e){
                            console.error('rows length is zero.' + e);
                        }
                        break;
                    case 'tbodyEmpty' :
                        $('#tab tbody').empty();
                        break;
                    }
                });
 
              /*
                $('#delRow').click(function(){
                    console.info('del r');
                    $('table tbody').empty();
                });
              */
          });
           
    </script>
</body>
</html>
​

JQuery操作TABLE，及console.info问题。的更多相关文章

  1. jQuery操作Table tr td常用的方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

  2. 汇总常用的jQuery操作Table tr td方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

  3. JQuery操作Table元素

    使用Jquery操作Table中的tr向上或向下移动,以及全选和反选操作. 点击Table Head中的复选框,全选或反选表格中所有的复选框; 选中复选框,点击Up 按钮, tr上移;点击 Down ...

  4. jQuery操作table数据上移、下移和置顶

    jQuery 操作table中的tr换行的步骤如下: 1.获取当前tr var $tr = $(this).parents("tr"); 2.移动tr //上移 $tr.prev( ...

  5. Jquery操作Table

    Jquery 操作 Html Table 是很方便的,这里对表格的基本操作进行一下简单的总结. 首先建立一个通用的表格css 和一个 表格Table: table { border-collapse: ...

  6. jQuery操作Table学习总结[转]

    <style type="text/css">       .hover       {                  }    </style>< ...

  7. 如何用jquery操作table的方法

    今天我在做你约我吧交友www.niyuewo.com网项目时遇到一个问题,就是如何用qjuery控制table的添加.编辑与删除,经过网上查资料发现用jquery很容易实现,在此整理下来供大家参考: ...

  8. jQuery操作table tr td

    1.鼠标移动行变色 $("#tab tr").hover(function(){ $(this).children("td").addClass("h ...

  9. jquery 操作table样式拖动参考

    参考: http://blog.csdn.net/kdiller/article/details/6059727 http://www.jb51.net/article/59795.htm

随机推荐

  1. 小机房的树（codevs 2370）

    题目描述 Description 小机房有棵焕狗种的树,树上有N个节点,节点标号为0到N-1,有两只虫子名叫飘狗和大吉狗,分居在两个不同的节点上.有一天,他们想爬到一个节点上去搞基,但是作为两只虫子, ...

  2. 洛谷试炼场 提高模板-nlogn数据结构

    树状数组-区间求和 P3374 [模板]树状数组 1 /*by SilverN*/ #include<algorithm> #include<iostream> #includ ...

  3. 洛谷 P 1119 灾后重建

    题目背景 B地区在地震过后,所有村庄都造成了一定的损毁,而这场地震却没对公路造成什么影响.但是在村庄重建好之前,所有与未重建完成的村庄的公路均无法通车.换句话说,只有连接着两个重建完成的村庄的公路才能 ...

  4. 在线预览Word，Excel

    今天在项目中遇到了在线预览word的需求,经过查阅资料与测试发现可以解决问题,特做记录: 方式: http://view.officeapps.live.com/op/view.aspx?src= s ...

  5. spring-boot-nginx代理-docker-compose部署

    在本地测试,使用docker部署不用在意环境 java测试项目: web框架:spring boot 框架 项目管理:maven 数据库:redis + postgres + mongo 部署相关:n ...

  6. 深入GCD（四）：使用串行队列实现简单的预加载

    其主要思路是使用gcd创建串行队列,然后在此队列中先后执行两个任务:1.预加载一个viewController 2.将这个viewController推入代码如下:@implementation DW ...

  7. graphviz的使用

    安装:brew install graphviz 使用:dot -Tpng *.dot -o *.png 把dot文件转换为图片,* 换成具体的文件名, 这样你就成功的用脚本渲染出你要绘制的图片啦 参 ...

  8. uwsgi 热启动

    uwsgi文件每次启动都要kill进程,这样非常麻烦,理想的情况是须要改动文件就自己主动生效,经查阅资料.发现uwsgi是自带该功能的,该功能的配置节例如以下 <uwsgi> <py ...

  9. Maven实现Web应用集成測试自己主动化 -- 測试自己主动化(WebTest Maven Plugin)

    近期在appfuse看到使用webtest-maven-plugin实现Web应用的集成測试,研究了下.感觉很不错.对于Web应用自己主动构建很有帮助,在性能測试之前能够保证Web应用的基本功能工作正 ...

  10. Simple calculations

    Description 有一个包括n+2个元素的数列a0, a1, ..., an+1 (n <= 3000, -1000 <= ai <=1000).它们之间满足ai = (ai- ...