怎样用jquery实现只显示表格中间的几行

我的意思是:表格有很多行,但是我只想显示中间的几行!或者指定的那几行!如何实现?

<!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>
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
$(document).ready(function(){
//如果规定显示行号,请用下面代码
//var showNumber=new Array(3,5,6,8);

//如果要显示中间几行,请用下面2行代码
middle=($("#table tr").length/2).toFixed(0);
var showNumber=new Array(middle,middle+1,middle-1);

$("#table tr").hide();
for(i=0;i<showNumber.length;i++){

$("#table tr:eq("+showNumber[i]+")").show();

}

});

</script>
</head>

<body>

<table width="800" border="1" id="table">
<tr>
<td>0</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>2</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>4</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>5</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>6</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>7</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>8</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>9</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>10</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-09-05
下载:jquery-1.6.2.js 地址:,命名jquery-1.6.2.js,放于本网页同级目录。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
if($("#button").val()=="隐藏") {
$("#button").val("显示");
$("#table").hide();
}
else {
$("#button").val("隐藏");
$("#table").show();
}

});
});

</script>

</head>

<body >
<table width="200" border="1" id="table">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

<label>
<input name="button" type="button" id="button" value="隐藏" />
</label>
</body>
</html>
第2个回答  2011-09-05
$document.ready(function(){
$("#t").css("display","none"); ;
});
<table>
<tr>
<td>inner content 0</td>
</tr>
<tr id='t'>
<td>inner content 1</td>
</tr>
<tr>
<td>inner content 2</td>
</tr>
</table>
这样,第二行业就是 id为t的行会不显示,只显示1,3行。

怎样用jquery实现只显示表格中间的几行
(document).ready(function(){ \/\/如果规定显示行号,请用下面代码 \/\/var showNumber=new Array(3,5,6,8);\/\/如果要显示中间几行,请用下面2行代码 middle=($("#table tr").length\/2).toFixed(0);var showNumber=new Array(middle,middle+1,middle-1);("#table tr").hide();for(i=...

如何控制一个表格始终显示在屏幕中间,无论分辩率大小如何调整?
要显示的表格 让元素在屏幕中央显示的 jQuery 函数以下代码可让元素在屏幕中央显示,无论网页是否滚动。jQuery.fn.center = function () {$win = $(window);this.css('position','absolute');this.css('top', (($win.height() - this.outerHeight()) \/ 2) + $win.scrollTop() + 'px...

用jqery怎么动态隐藏显示表格中某一行,行中其中一列还有个表格
可以通过Hide方法就能隐藏 详细内容参考如下 http:\/\/www.w3school.com.cn\/jquery\/effect_hide.asp

如何控制一个表格始终显示在屏幕中间,无论分辩率大小如何调整?
要显示的表格 让元素在屏幕中央显示的 jQuery 函数以下代码可让元素在屏幕中央显示,无论网页是否滚动。jQuery.fn.center = function () {$win = $(window);this.css('position','absolute');this.css('top', (($win.height() - this.outerHeight()) \/ 2) + $win.scrollTop() + 'px...

jquery如何获得表格所在的行数和列数
2、jquery代码 (function(){ ("table td").click(function() { var row = $(this).parent().index() + 1; \/\/ 行位置 var col = $(this).index() + 1; \/\/ 列位置 alert("当前位置:第"+row+"行,第"+col+"列")});});3、效果演示 ...

点击表格内一行,jquery获得此行第一个的input的value
('table tr').bind('click',function(var val=$(this).find('input').first().val();));

用JavaScript如何控制表格中行的显示和隐藏
document.getElementById("tr的id").style="display:none";隐藏 document.getElementById("tr的id").style="display:block";显示

如何用js控制表格里几列内容的显示与隐藏
首先下载一个JQuery库,在head中用script标签引入进来.之后要用.每一列对应的td元素设置一个class,例如交易手续费的td列元素设置class="transFee"之类的,能看懂就行.然后在网页底部加一个script标签.或者单独创一个js文件然后引入,建议用后者(代码量大的话方便排版分工)然后写上4个$(".[class名]")....

jQuery中如何选取table中每行的除最后一个td以外的所有td
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。2、在index.html中的标签,输入jquery代码:('tr').each(function () { (this).find('td').each(function (i) { if (i !== $(this).parent().find('td').length - 1) { ('body').append($(this).text()...

...表格中(table) 有一个td中的内容是空的 用jquery得到这个td_百度知 ...
但不是 null) ('#try').html(); \/\/得到的是 " " (字符串,中间是td的内容) ('#try').html(); \/\/得到的就是 " " (字符串,td有几个空格字符串就有几个空格。但是在html中多个空格只显示一个)

相似回答