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('\n');

        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>

javascript进行遍历的更多相关文章

  1. javascript客户端遍历控件与获取父容器对象

    javascript客户端遍历控件与获取父容器对象示例代码 1,遍历也面中所有的控件function findControlAll()    {        var inputs=document. ...

  2. javascript循环遍历数组输出key value

    javascript循环遍历数组输出key value用$.each方法肯定不行的 所以采用如下方法<pre> markers = []; markers[2]=3; markers[3] ...

  3. JavaScript 各种遍历方式详解及总结

    JavaScript 各种遍历方式详解 在$.each中想要终止循环,但是它没有continue或者break这样的终止方式,所以尝试使用return来进行终止,但是发现并没有跳出循环.为了搞清楚js ...

  4. 你会用哪些JavaScript循环遍历

    总结JavaScript中的循环遍历定义一个数组和对象 const arr = ['a', 'b', 'c', 'd', 'e', 'f']; const obj = { a: 1, b: 2, c: ...

  5. 程序猿必知会的JavaScript 的遍历方式

    不管是移动移动端开发还是web端开发,我们对JS的使用频率都在增加,今天小编将要和大家分享的就是JavaScript中,遍历方式的一些实现方法,个人感觉还是很有用的,有兴趣的童鞋可以一起来看看. 为了 ...

  6. JavaScript 各种遍历方式详解，有你不知道的黑科技

    http://segmentfault.com/a/1190000003968126 为了方便例子讲解,现有数组和json对象如下 var demoArr = ['Javascript', 'Gulp ...

  7. JavaScript 各种遍历方式详解

    为了方便例子讲解,现有数组和json对象如下 var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular']; v ...

  8. JavaScript各种遍历方式详解

    为了方便例子讲解,现有数组和json对象如下 var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular']; v ...

  9. JavaScript对象遍历

    一.对象是数组: var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; //each遍历: $.each(arr,function (index,value) { alert( ...

随机推荐

  1. Java 中的浮点数取精度方法

    Java 中的浮点数取精度方法 一.内容 一般在Java代码中取一个double类型的浮点数的精度,四舍五入或者直接舍去等的方式,使用了4种方法,推荐使用第一种,我已经封装成工具类了. 二.代码实现 ...

  2. [BZOJ4571][SCOI2016]美味(贪心+主席树)

    经典问题,按位贪心,每次需要知道的是”在这一位之前的位都以确定的情况下,能否找到这一位是0/1的数”,这就是在询问[L,R]内某个值域区间是否有数,主席树即可. #include<cstdio& ...

  3. windows下配置ssh（FreeSSHD + putty）

    windows下配置ssh(FreeSSHD + putty): 1.关于配置过程找到一篇很好的博客,推荐大家先好好看一下,这篇博文解决了大方向问题. 地址:http://blog.csdn.net/ ...

  4. PHP self与static区别

    this,static和self. self和this还是很好区分的,可是self和static就很糊涂了,两者都能调用静态的方法和属性,看似使用上没有什么太大的分别,但是实际上分别很大,先来看下面这 ...

  5. 你的C/C++程序为什么无法运行？揭秘Segmentation fault （2）

    什么让你对C/C++如此恐惧? 本篇将继续上一篇来讨论段错误(Segmentation fault). 上一篇: 你的C/C++程序为什么无法运行?揭秘Segmentation fault(1) 追溯 ...

  6. ios 得到目录大小 进率是1000

    - (CGFloat)folderSizeAtPath:(NSString *) folderPath {     NSFileManager * manager = [NSFileManager d ...

  7. VPP电源控制（VPP Power）-- 由DC-DC变换集成电路MC34063组成

    http://www.willar.com/article/article_view.asp?id=463 由DC-DC变换集成电路MC34063组成,34063 广泛应用于于DC-DC的电源转换电路 ...

  8. PyQt5 布局

    import sys from PyQt5.QtWidgets import QWidget, QLabel, QApplication, QVBoxLayout, QHBoxLayout, QPus ...

  9. C#程序集系列09,程序集签名

    在"C#程序集系列08,设置程序集版本"中体验了为程序集设置版本,但对于程序集的安全性来说,还远远不够.本篇体验程序集的签名. □ 程序集的签名 →F盘as文件夹下有多个文件→在程 ...

  10. jQuery制作水平多级下拉菜单

    本篇体验使用jQuery制作水平的.多级的.下拉菜单. 下拉菜单的html部分如下. <body> <nav class="main-nav"> <u ...