bootstrap，jquery利用后台传入的json数据创建动态表格

       var $table=$('');  

    $(document).ready(function(){  

        $("#nav_top").load("nav/nav_top.jsp");  

        var s='${json}';    

        var s=eval("("+s+")");  

        createTable("table_teacher",s);  

    });  

        function createTable(div,s){  

       // var $table=$('');  

        $("div").append($table);  

        var $caption=$('jquery生成bootstrap表格');  

        $table.append($caption);  

        var $thead=$('');  

        var $trs=$('');  

        var $th2=$('姓名');  

        var $th3=$('年龄');  

        var $th4=$('电话');  

        var $th5=$('操作');  

        $trs.append($th2);  

        $trs.append($th3);  

          $trs.append($th4);  

         $trs.append($th5);  

        $thead.append($trs);  

        $table.append($thead);  

       for(var p=0;p

         create_tbody(s[p].id,s[p].name,s[p].tel_phone);  

       }  

    }  

    function create_tbody(td1, td2, td3){  

        var $tr = $('');  

        $table.append($tr);  

        var $td1 = $('' + td1 + '');  

        $tr.append($td1);  

        var $td2 = $('' + td2 + '');  

        $tr.append($td2);  

        var $td3 = $('' + td3 + '');  

        $tr.append($td3);  

        var $td4 = $('');  

        var $edit = $('编辑');  

        var $delete = $('删除');  

        $td4.append($edit);  

        $td4.append($delete);  

        $tr.append($td4);  

        $(document).on("mouseover", ".tr_content", function(){  

                $(this).children().each(function(){  

                    $(this).find("span").show();  

                });  

        });  

        $(document).on("mouseout", ".tr_content", function(){  

                $(this).children().each(function(){  

                    $(this).find("span").hide();  

                });  

        });  

    }