首页 > 如何在未输出到浏览器之前使用jQuery统计ajax函数返回的html数据中表格行数?

如何在未输出到浏览器之前使用jQuery统计ajax函数返回的html数据中表格行数?

使用ajax向服务器发送请求,返回html数据,内容是表格,如何在未输出到浏览器之前使用jQuery统计表格行数?


很简单,由于回传下来已经是字符串了,那么可以使用

split("<"+"tr"+">") //这里的tr显示不出来就这样处理,题主能看懂就好

进行数据分割, 然后.length一下就能查看到表格行数了。


@码农陈
谢谢!我查了下,split()方法是分割字符串为字符串数组,计算出来的总长度是不是要减1才是表格的行数?理论是可以实现的,不过感觉不够优雅。考虑了另外一种方法:ajax发送请求,服务器端(PHP)将查询结果存放在二维数组$results中,然后使用echo json_encode($results)返回数据给客户端,表格元素的构建和显示完全交给客户端处理。


用load方法,直接在请求上面写上tr选择器,举个例子

var trs=$('<table></table>');
trs.load('/table.html tr');
console.log(trs.children().length);

选择器也可以写的更复杂,用来筛选需要的行,或者用评论里面后一个方法

【热门文章】
【热门文章】