==jquery怎么获取table中某个元素值==

2013-08-24

jquery如何获取table中某个元素值table如下：tabletrtd1/tdtdinput typetextvalue数据1

==jquery如何获取table中某个元素值==
table如下：
<table  >
  <tr>
   <td>1</td>
  <td><input type=text  value="数据1" /></td>
  <td><input type=button  onclick="GetTest()" value="获取" /></td>
  </tr>
  <tr>
   <td>2</td>
   <td><input type=text  value="数据2" /></td>
   <td><input type=button  onclick="GetTest()" value="获取" /></td>
  </tr>
</table>

table是通过后台动态输出生成，我想通过点击每一行的button，然后获取当前行的另一列的数据值，比如获取上表的点击行的“数据1”、“数据2”，不知如何写GetTest()函数
[解决办法]

<script type="text/javascript">
$(function(){
$("table tr td").each(function(){
$(this).find("[type=button]").click(function(){
alert($(this).parent().parent().find("[type=text]").val());
});
});
});
  </script>

[解决办法]
function GetTest(obj) {
alert($(obj).parent().prev().children().val());
}

onclick="GetTest(this)"
[解决办法]


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script src="http://code.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script>
    <title></title>
    <script type="text/javascript">
        $(function () {
            $("input[type=button]").on("click", function () {
                alert($(this).parent().prev().find("input").val()); 
 
            });
        })
    </script>
</head>
<body>
    <div>
        <table>
            <tr>
                <td>
                    1
                </td>
                <td>
                    <input type="text" value="数据1" />
                </td>
                <td>
                    <input type="button"  value="获取" />
                </td>
            </tr>
            <tr>
                <td>
                    2
                </td>
                <td>
                    <input type="text" value="数据2" />
                </td>
                <td>
                    <input type="button"  value="获取" />
                </td>
            </tr>
        </table> 
 
    </div>
</body>
</html>

[解决办法]
最好的方式  还是在生成的时候。为元素生成出类似坐标的id
比如你动态生成每行的时候用的是for(var i =1; i<数据.Rows.count; i++){??}
每个循环生成一个<td id="列名字+i">
这里你可以给i前面或后面加些东西(比如:id_1,name_2,button_1)
你点击button1的时候。把行号过滤出来。
比如你点击的第4行。想得到name列。
在所有button的点击事件里这样写：
$(???).click(function(){
     var rows_index = $(this).attr("id").spit("_")[1];
    var name = $("#name"+rows_index).val();
    alert(name);
})

热点排行

asp.net

==jquery怎么获取table中某个元素值==