==jquery如何获取table中某个元素值==

ChinaOneCup 2013-08-16 11:29:11

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()函数

...全文

736 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

全栈极简 2013-08-16

打赏
举报

<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>

pk3995519 2013-08-16

打赏
举报

最好的方式还是在生成的时候。为元素生成出类似坐标的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); })

夜色镇歌 2013-08-16

打赏
举报


<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>