62,050
社区成员
发帖
与我相关
我的任务
分享
<script src=JS/jquery-1.3.2.min.js type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var index=1;//gridview 第二行才是数据
var strSex="";//初始比较数据
$.each($('#DataGrid1 tr'),function(t,own){
if(index==t)
{
// 你用的时候8换成你城市的索引列
strSex=$(own).children().get(8).innerText;
//定义首行显示,控制隐藏 类名为"rows_"+index+"_Child"的行
$(own).addClass("rows_"+index);
// 这个加号减号就没随着点击更改了, 你看着代码自己添加下效果了
$(own).children('td').get(7).innerHTML="<span onclick=\"ShowDetail('rows_"+index+"_child')\"><font color='red'>+</font></span>";
}
else
{
//如果对比列与首列城市相同,就隐藏对比列,并赋予新的类名
if(strSex==$(own).children('td').get(8).innerText)
{
$(own).addClass("rows_"+index+"_child");//为子行增加新的类名,方便集中控制显示与隐藏.
$(own).hide();
}
else
{
if(t>0){
index=t;
strSex=$(own).children().get(8).innerText;
$(own).addClass("rows_"+index);
$(own).children('td').get(7).innerHTML="<span onclick=\"ShowDetail('rows_"+index+"_child')\"><font color='red'>+</font></span>";
}//忽略表头
}
}
})
})
//隐藏显示.
function ShowDetail(classname)
{
var size=$("."+classname).size();
if(size>0)
{
$("."+classname).toggle();
}
}
</script>