javascript进行遍历
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="dist/css/bootstrap.css" rel="stylesheet" type="text/css" > <script type="text/javascript" src="dist/js/jquery-1.11.1.js" ></script> <script type="text/javascript" src="dist/js/bootstrap.js" ></script> <script type="text/javascript"> $(function(){ var html = $('#divTxtId').html().trim(); var arr01 = html.split(' '); for(var i=0;i<arr01.length;i++){ var tr01 = arr01[i]; var td01s = tr01.split(/s+/); $('#tblId').append('<tr link="'+td01s[td01s.length-1]+'" ><td>'+td01s.join('</td><td>')+'</td></tr>'); } $('td').css({'cursor':'pointer'}) $('tr').click(function(){ window.open($(this).attr('link')); }); }); </script> <title>software</title> </head> <body> <div class="jumbotron"> <h1 >Software for develop <small > click to download </small></h1> </div> <div style="display:none" id="divTxtId"> -rw-r--r-- 1 7.6M Jul 4 15:56 AlibabaJavaCodingGuidelines-1.0.5.zip -rw-r--r-- 1 2.8G Jan 26 21:34 winx64_12201_database.zip -rw-r--r-- 1 35M Mar 16 09:27 zookeeper-3.4.11.tar.gz </div> <table class="table table-striped" id="tblId"> </table> <nav class="navbar navbar-default navbar-inverse"> <div class="container"></div> </nav> </body> </html>