如何用jquery 取得table的总行数

只能用jquerty做。。在线等。。

jquery的 length 属性可以获取包含 jQuery 对象中元素的数目,因此通过一下代码可以获取table的行数

$("table tr").length

实例演示如下

    创建Html元素

    <div class="box">
    <span>点击按钮获取表格的行数:</span><br>
    <div class="content">
    <table>
            <tr><td>1</td><td>2</td><td>3</td></tr>
            <tr><td>4</td><td>5</td><td>6</td></tr>
            <tr><td>7</td><td>8</td><td>9</td></tr>
        </table>
    </div>
    <input type="button" value="获取表格的行数">
    </div>

    设置css样式

    div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
    div.box span{color:#999;font-style:italic;}
    div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
    table{border-collapse:collapse;}
    td{width:30px;height:30px;line-height:30px;text-align:center;border:1px solid green;}

    编写jquery代码

    $(function(){
    $(":button").click(function() {
    alert($("div.content table tr").length);
    });
    })

    观察效果

温馨提示:内容为网友见解,仅供参考
第1个回答  2008-12-19
$("#table的ID").find("tr").length本回答被提问者和网友采纳
相似回答