jquery 实现超链接文字隐藏tr 内容

<a href="#" id="zhuangtai" >显示</a><table>
      <tr style="display:none" id="show">
          <td>1</td>
          <td>2</td>
      </tr>
       <tr>
          <td>1</td>
          <td>2</td>
      </tr>
</table>$("#zhuangtai").click(function(){
                  if()
                  {
                       $("#zhuangtai").val('显示');
                  } else {
                       $("#zhuangtai").val('不显示');
                  } });
---------------------------------
实现用户jquery 实现通过超链接点击显示把tr 里面的显示出来，然后超链接里面文字换成不显示，在点击不显示把tr隐藏，然后超链接里面文字换成显示
jQuery函数

解决方案 »

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

<a href="#" id="zhuangtai" >显示</a><table>
      <tr style="display:none" id="show">
          <td>1</td>
          <td>2</td>
      </tr>
       <tr>
          <td>1</td>
          <td>2</td>
      </tr>
</table>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    $(function () {
        $("#zhuangtai").click(function () {
            if (this.innerHTML == '显示') {
                $("#zhuangtai").html('不显示');
                $('tr').show();
            } else {
                $("#zhuangtai").html('显示');
                $('tr').hide();
            }
            return false;
        })
    });
</script>
-------------------------------------------------
<table>
      <tr style="display:none" id="show">
          <td>可以隐藏显示</td>
          <td>可以隐藏显示</td>
      </tr>
       <tr>
          <td>不可以隐藏显示</td>
          <td>不可以隐藏显示</td>
      </tr>
</table>
--------------------------
怎么控制呢？也就是说只控制一个tr 里面的内容显示隐藏，下面那个tr 一直给它显示不需要隐藏
<script>
    $(function () {
        $("#zhuangtai").click(function () {
            if (this.innerHTML == '显示') {
                $("#zhuangtai").html('不显示');
                $('tr').eq(0).show();
            } else {
                $("#zhuangtai").html('显示');
                $('tr').eq(0).hide();
            }
            return false;
        })
    });
</script>
这样也可以    jQuery(function ($) {
        $("#zhuangtai").click(function () {
            if (this.innerHTML == '显示') {
                $("#zhuangtai").html('不显示');
                $('tr:eq(0)').show();
            } else {
                $("#zhuangtai").html('显示');
                $('tr:nth-child(1)').hide();
            }
            return false;
        })
    });
----------------------
你上面的写法点击不显示的时候都把所有tr都隐藏了。
我的意思，table 里面不是有两个tr 吗？
我只想操作上面一个tr隐藏显示，不会影响到下面tr
大侠  就差一步了。  如果能获取tr 里面的ID 是否可以操作了呢？
你试了没有
<!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" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<title>无标题文档</title>
</head><body>
<a href="#" id="zhuangtai" >显示</a><table>
      <tr style="display:none" id="show">
          <td>01</td>
          <td>02</td>
      </tr>
       <tr>
          <td>1</td>
          <td>2</td>
      </tr>
</table>
<script type="text/javascript">
    jQuery(function ($) {
        $("#zhuangtai").click(function () {
            if (this.innerHTML == '显示') {
                $("#zhuangtai").html('不显示');
                $('tr:eq(0)').show();
            } else {
                $("#zhuangtai").html('显示');
                $('tr:nth-child(1)').hide();
            }
            return false;
        })
    });
</script>
</body>
</html>
<!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" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<title>无标题文档</title>
<style type="text/css">
table{width:100%;}
.bf{background-color:#f00}
.bd{background-color:#ddd;}
#show{display:none;}</style>
</head><body>
<a href="#" id="zhuangtai" >显示</a><table>
      <tr class="bf" id="show">
          <td>01</td>
          <td>02</td>
      </tr>
       <tr class="bd">
          <td>1</td>
          <td>2</td>
      </tr>
</table>
<script type="text/javascript">
    jQuery(function ($) {
        $("#zhuangtai").click(function () {
            if (this.innerHTML == '显示') {
                $("#zhuangtai").html('不显示');
                $('tr:eq(0)').removeAttr('id');
            } else {
                $("#zhuangtai").html('显示');
                $('tr:nth-child(1)').attr('id','show');
            }
            return false;
        })
    });
</script>
</body>
</html>
你這个连显示都显示不了！你说的是有id属性吗？
$(tr)找到所有的tr,
.eq(0)是找到第一个tr,
show是显示,hide是隐藏
$(function () {
        $("#zhuangtai").click(function () {
            if (this.innerHTML == '显示') {
                $("#zhuangtai").html('不显示');
                $('tr').show();
            } else {
                $("#zhuangtai").html('显示');
                $('tr:nth-child(1)').hide();

            }
            return false;
        })
    });中西结合哈哈，可以了你這个连显示都显示不了！
你這个连显示都显示不了！你说的是有id属性吗？
$(tr)找到所有的tr,
.eq(0)是找到第一个tr,
show是显示,hide是隐藏
谢谢大虾  你帮助我很多次了，超级崇拜大虾您！