现在有个列表,tr  td 那种,下方有个div   我想点击每行后面的修改按钮  获取点击的这行的值赋值到这个div中。请问JS怎么处理?

解决方案 »

  1.   

    希望对楼主有帮助!
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    </head>
    <body>
        <table>
            <tr>
                <td>
                    aaaaa
                    <input type="button" value="修改" />
                    <div style="background-color: Red;">
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    bbbbb
                    <input type="button" value="修改" />
                    <div style="background-color: Blue;">
                    </div>
                </td>
            </tr>
        </table>
    </body>
    </html>
    <script>
        $(function () {
            //绑定修改按钮的点击事件
            $("input[type='button']").bind("click", function () {
                //获取td的值
                var zhi = $(this).parent().text();
                //把值赋给下面的div
                $(this).next().html(zhi);
                //如果只想点击一次,就在执行点击事件后,卸载改事件
                //$(this).unbind("click");
            });
        });
    </script>
      

  2.   

    根据id找到table对象,然后根据child属性获取tr以及tr中的child td
      

  3.   


    <TABLE border="1">
    <TR>
    <TD>aaa</TD>
    <TD><INPUT TYPE="button" VALUE="按" ONCLICK="fun(this)"></TD>
    </TR>
    <TR>
    <TD>bbb</TD>
    <TD><INPUT TYPE="button" VALUE="按" ONCLICK="fun(this)"></TD>
    </TR>
    </TABLE>
    <div id="log" style="width:100px; height:30px; border:1px solid red"></div>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
      function fun(obj){
    var logD = document.getElementById("log");
    logD.innerHTML = obj.parentNode.previousSibling.innerHTML;
      }
      //-->
      </SCRIPT>