JQuery动态创建Table

JQuery动态创建Table

<script type="text/javascript" src="http://www.likecs.com/jquery-1.10.1.min.js"></script> <script type="text/javascript"> var cont={"1":"http://w","2":"http://www.google.com","3":"http://www.biying.com"}; $(function(){ var $mytable=$("<table></table>"); $mytable.attr({border:"1px",width:"200px",height:"150px"}); $.each(cont,function(key,value){ var $mytr=$("<tr></tr>"); var $td=$("<td></td>"); $link=$("<a href=http://www.likecs.com/\'"+value+"\'>"+key+"</a>"); $td.append($link); $mytr.append($td); var $td2=$("<td>"+value+"</td>"); $mytr.append($td2); $mytable.append($mytr); }); $("#content").append($mytable); /*var $mytr=$("<tr></tr>"); var $td=$("<td>ghdghg</td>"); $mytr.append($td); var $td2=$("<td>ghdghdhgf</td>"); $mytr.append($td2); $mytable.append($mytr); $("#content").append($mytable);
*/
}); </script>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwzjdx.html