为什么这样就没有显示结果？求高手解释下！

<script type="text/javascript" src="bga/csjs/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function(){
show();
});
function show(){
var t = $("#t");
t.find("tr:even").addClass("AlterColor");
t.find("tr:odd").addClass("NormalColor");
t.find("tr").hover(function(){$(this).addClass("HoverColor");},
function(){$(this).removeClass("HoverColor");}).click(function(){
$(this).toggleClass("SelectColor");
});

t.find("tr:button").click(function(){
var t = $(this).val();
t.find("tr:text").val(t);
});
/*$("#t :button").click(function(){
var t = $(this).val();
$("#t :text").val(t);
});
/*$("#b").click(function(){
var t = $(this).val();
$("#te").val(t);
});*/
}
</script>
</head><body>
<div>
<table border="1" id="t">
<tr><td width="100px">1</td><td width="100px">2</td><td width="100px">3</td><td width="100px">4</td><td width="100px">5</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr><input type="button" value="show" id="b"/><input type="button" value="show1"/></tr>
<tr><input type="text" id="te"/></tr>
</table>
</div>
</body>
</html>

解决方案 »

  1.   

    我注释掉的部分是可以使用的，t.find("tr:button").click(function(){
            var t = $(this).val();
            t.find("tr:text").val(t);
        });这一部分找不到table中的元素！求高手解答！
      

  2.   

    t.find("tr:button").click(function(){
            var t = $(this).val();
            t.find("tr:text").val(t);
        });
    里面干嘛还要定义t,t.find   t应该是个对象吧
      

  3.   

    = =！我是要获得当前按钮的value值，然后将值给文本框！
      

  4.   

    $(t).find("td input").click(function () {
            $(t).find("[type=text]").val($(this).val());
        });<tr><td><input type="button" value="show" id="b"/><input type="button" value="show1"/></td></tr>
    <tr><td><input type="text" id="te"/></td></tr>
      

  5.   


    <script type="text/javascript" src="bga/csjs/jquery-1.8.2.js"></script>
    <script type="text/javascript">
    $(function(){
        show();
    });
    function show(){
        var t = $("#t");
        t.find("tr:even").addClass("AlterColor");
        t.find("tr:odd").addClass("NormalColor");
        t.find("tr").hover(function(){$(this).addClass("HoverColor");},
        function(){$(this).removeClass("HoverColor");}).click(function(){
            $(this).toggleClass("SelectColor");                    
        });

        t.find("tr input:button").click(function(){
            t.find("tr input:text").val($(this).val());
        });
        /*$("#t :button").click(function(){
            var t = $(this).val();
            $("#t :text").val(t);
        });
        /*$("#b").click(function(){
            var t = $(this).val();
            $("#te").val(t);
        });*/
    }    
    </script>
    </head><body>
    <div>
        <table border="1" id="t">
            <tr><td width="100px">1</td><td width="100px">2</td><td width="100px">3</td><td width="100px">4</td><td width="100px">5</td></tr>
            <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
            <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
            <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
            <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
            <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
            <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
            <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
            <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
            <tr><input type="button" value="show" id="b"/><input type="button" value="show1"/></tr>
            <tr><input type="text" id="te"/></tr>
        </table>
    </div>
    </body>
    </html>
      

  6.   

    table标签的结构一定要严谨。table标签下必须包含tr和td标签；tr下又必须包含td标签才能包含其他标签。否则，不合适的标签就会跑到table外面去。选择器根本找不到了。