弱弱的问大家一个jquery选择的问题


<table border="0" cellpadding="0" cellspacing="0" width="100%" id="MyTable" >
<tr id="tr1">
<td></td>
</tr>
<tr id="tr2">
<td></td>
</tr id="tr3">
<td></td>
<tr id="tr4">
<td></td>
</tr>
</table>
我想使用js显示隐藏table下面的行 
如何使用jquery或者js获取table下面行tr呢？
我使用document.getElementById("tr1");和$("#tr1")都取不到
大家帮忙解决一下
另外 在表格里面  有很多行 我需要隐藏的行数都是不确定的  所以最好能用id或者什么来找

解决方案 »

  1.   

    你获取不到的原因应该是在DOM加载完之前去获取的吧
    $(function(){
    $("#tr1")//试试
    })window.onload = function(){
    document.getElementById("tr1");//同理
    };
      

  2.   

    。没用！  因为tr不是控件  所以不能用id取值
      

  3.   

    我确定有用怎么办呢，要不你把代码贴出来看看另外写代码的时候注意点 你贴出来的table标签有问题。里面有个</tr ...>的出现
      

  4.   


    <html >
    <head>
        <script src="javascript/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(function($) {    
            $("#tr1").hide();//tr1隐藏 
            $("#MyTable tr").eq(1).hide()//第二个tr隐藏
        });
    </script>
    </head>
        <body>
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="MyTable" >
    <tr id="tr1">
    <td>1</td>
    </tr>
    <tr id="tr2">
    <td>2</td>
    </tr>
    <tr id="tr3">
    <td>3</td>
    </tr>
    <tr id="tr4">
    <td>4</td>
    </tr>
    </table>
        </body>
    </html>怎么取不到了 ？
      

  5.   


    ++多看看JQuery_1.4_API.CHM
      

  6.   

    我在说一下遇到的问题吧!
    table下面行里面有GridView控件
    我想点击GridView控件里面的一个按钮 
    然后调用一个方法 显示隐藏table下面的行！
    5楼说的方法是可以获得 但是要在加载的时候就把事件绑定给按钮
    但是我是根据不同按钮隐藏显示不同的行！所以没办法一次绑定完成
    最好就是调用方法 传个参数
      

  7.   

    用jquery获取table，之后用table tr获取tr用属性区判断$("table tr[id='tr1']");
      

  8.   


    //获取所有tr
    $("#MyTable tr")
    //或者:
    $("tr[id^='tr']")
    //又或者:
    $("#MyTable").children().children()
      

  9.   

    明显 你所谓的gridview是服务器端控件吧
    那么明显，你看下你生成的HTML里面的ID都改名成什么了$("#MyTable tr").click(function(){});这样吧
    我看你的意思也不是固定要给谁加样式 而是触发事件的那个……
      

  10.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=gbk">
            <title>Untitled Document</title>
            <script type="text/javascript" src="../js/jquery-1.5.1.min.js">
            </script>
            <script type="text/javascript">
                $(function(){
                 $("#MyTable th").bind('click',function(){
    $("#MyTable td:not(th)").toggle();
    });
                });
                
                
            </script>
        </head>
        <body>
            <table border="1" cellpadding="0" cellspacing="0" width="100%" id="MyTable">
             <th>AAAAAAA</th>
    <th>AAAAAAA</th>
    <th>AAAAAAA</th>
                <tr id="tr1">
                    <td>
                        1
                    </td>
    <td>
                        1
                    </td>
    <td>
                        1
                    </td>
                </tr>
                <tr id="tr2">
                    <td>
                        2
                    </td>
    <td>
                        1
                    </td>
    <td>
                        1
                    </td>
                </tr>
                <tr id="tr3">
                    <td>
                        3
                    </td>
    <td>
                        1
                    </td>
    <td>
                        1
                    </td>
                </tr>
                <tr id="tr4">
                    <td>
                        4
                    </td>
    <td>
                        1
                    </td>
    <td>
                        1
                    </td>
                </tr>
            </table>
        </body>
    </html>
      

  11.   

    $("#MyTable tr").hide();
    $("#MyTable").children("tr").hide();
      

  12.   

    我想问问，你的jquery加进去没？
      

  13.   

    $("#MyTable tr")，这样应该能取到所有的tr