+ -
当前位置:首页 → 问答吧 → 【求助】table怎么按要求隐藏行

【求助】table怎么按要求隐藏行

时间:2011-10-17

来源:互联网

求高手支援 比如一个表格6行6列的表格 我只知道我要隐藏的是第五行和第六行 没有<td>的 id 怎么办? 求js代码

作者: a273162429   发布时间: 2011-10-17

jquery 吧。。。。。。
JScript code


$(document).ready(function(){
    $("table tr:eq(5),table tr:eq(4)").hide();
});


作者: yozoh_   发布时间: 2011-10-17

是隐藏没有id的td么?

作者: liangws   发布时间: 2011-10-17

简单实现,请参考
HTML code

<table id="tableId">
    <tr><td id="1">1</td><td id="1">2</td><td id="1">3</td></tr>
    <tr><td id="1">1</td><td id="1">2</td><td id="1">3</td></tr>
    <tr><td id="1">1</td><td id="1">2</td><td id="1">3</td></tr>
    <tr><td id="1">1</td><td id="1">2</td><td id="1">3</td></tr>
    <tr><td>1</td><td id="1">2</td><td id="1">3</td></tr>
    <tr><td id="1">1</td><td>2</td><td>3</td></tr>
    <tr><td id="1">1</td><td id="1">2</td><td id="1">3</td></tr>
    <tr><td id="1">1</td><td id="1">2</td><td id="1">3</td></tr>
    </table>



JScript code

var el = document.getElementById("tableId");
    function removeTd(trEl){
        var tdEls = trEl.cells;
        //循环td节点
        for (var i = tdEls.length; i--;){
            var tdEl = tdEls[i];
            //当前td节点没有id,则隐藏
            if (!tdEl.getAttribute("id")){
                tdEl.style.display = "none";
            }
        }
    }
    removeTd(el.rows[4]);
    removeTd(el.rows[5]);

作者: liangws   发布时间: 2011-10-17