jquery has each

  has的做用是判斷當前包裝集中是否含有某個元素,而且返回一個新包裝集。html

each能夠對任意一個數據對象進行遍歷:jquery

<table id="users" width="700" align="center" border="1">
            <thead>
                <tr>
                    <td>ID</td>
                    <td>NAME</td>
                    <td>PASSWORD</td>
                </tr>
                
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>jim</td>
                    <td>abc</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>tom</td>
                    <td>dfg</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>green</td>
                    <td>ert</td>
                </tr>
                
            </tbody>
        </table>數組

針對上面的表格數據咱們能夠進行兩種形式的遍歷:函數

第一種基於js方式的遍歷:this

            var ns=$('tbody td:nth-child(2)');
                 for(var i=0;i<ns.length;i++){
                     var nm=ns[i];//js對象
                     var id=$(nm).prev('td').html();
                     var pw=$(nm).next('td').html();
//                   alert(nm.innerHTML)
                     nm.innerHTML=id+">>>"+nm.innerHTML+"("+pw+")";
                 }htm

第二種是基於jquery  each  函數的遍歷:對象

  ns.each(function(n){io

//n  爲數組的下標
                $(this).html($(this).prev('td').html()+"."+$(this).html()+"("+$(this).next('td').html()+")");
            })table

相關文章
相關標籤/搜索