js判断table中显示的行数

现有一个html页面(a.html)的table布局，如下<table width="200" border="1">
  <tr>
    <td>1</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>2</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>3</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>4</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>5</td>
    <td> </td>
    <td> </td>
  </tr>
</table>现访问该页面的url如下：http://xyz.abc.com/a.html?id=3（变量）
则a.html中table显示的内容为
[code=HTML]
<table width="200" border="1">
  <tr>
    <td>3</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>4</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>5</td>
    <td> </td>
    <td> </td>
  </tr>
</table>
即：显示表中第一列的值>=3的行数。同样，如访问该页面的url如下：http://xyz.abc.com/a.html?id=4（变量）
则a.html中table显示的内容为
[code=HTML]
<table width="200" border="1">
  <tr>
    <td>4</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>5</td>
    <td> </td>
    <td> </td>
  </tr>
</table>
即：显示表中第一列的值>=4的行数。用js如何实现，谢谢。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

parseInt(table.rows(i).cells(0).innerHTML)<4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<script type="text/javascript" src="jquery.js"></script>
<script language="javascript">
//当页面加载完成
$(function(){
var id = getvalue("id");
//如果id有值就执行
if(id){
//找到标签为 table 下所有的tr
//如果你想找到某一个table 可以把它的类设置为 t1
//然后用 $(".t1 tr")查找
//jquery 你可以自行查询
$("table tr").each(function(){
if($(this).find("td").eq(0).text()<=id){
$(this).hide();
}
})
}

})
//取得页面参数
function getvalue(name){
var str=window.location.search;
if (str.indexOf(name)!=-1){
  var pos_start=str.indexOf(name)+name.length+1;
  var pos_end=str.indexOf("&",pos_start);
  if (pos_end==-1)
  {
   return str.substring(pos_start);
  }
  else
  {
   return str.substring(pos_start,pos_end)
  }
}
else
{
  return false;
}
}
</script>
</head>
<body>
<table width="200" border="1">
  <tr>
    <td>1</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>2</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>3</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>4</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>5</td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</body>
</html>
看注释