0

我是编程新手，目前正在学习 JQuery。我有一个问题，如果我在列属性中有一个按钮，并且当我单击该属性的单元格中的按钮时，我想查找该单元格的唯一 ID 的值是什么，即，如果我的属性名称被批准值 我通过按钮单击在是和否之间切换，我想在 JQuery 中获取唯一 ID 的值，比如名称属性，以便我可以使用 AJAX 调用更新批准的值。

<table>
<th>S.no</th>
<th>Name</th>
<th>Submitted by</th>
<th>Approved</th>
<tr>
<td>1.</td>
<td>XYZ</td>
<td>21-3-04</td>
<td>NO <input type = "button" onclick = "toggle()" value = "click"/></td></tr>
.
.
.
</table>

<script>
function toggle(){
//I want to fetch the value of the Name attribute for the row in which my button was clicked. and later I want to call an ajax call to a url that will consist of Update query.
}
</script>
4

3 回答 3

1

首先，您所说的“属性”是“元素”。

其次摆脱内联onclick=属性。

然后，使用一些适当的 jQuery 方法：

$(document).ready(function () {
    $("table td input[type='button']").click(function () {
        var name = $(this).closest('tr').children().eq(1).text();
        // do something with name
        alert(name);
    });
});

演示：http: //jsfiddle.net/EVuGV/1

也就是说，将单击处理程序绑定到表中的所有输入按钮元素（理想情况下，您应该为表提供一个id属性并使用它，例如，$("#idOfTable td")）。在函数中，this将设置为被单击的特定按钮，因此您可以从那里使用 jQuery 的 DOM 导航方法转到包含 tr 元素，然后在 tr 的子元素中选择第二个并获取其文本。

于 2013-05-14T10:08:26.517 回答
0

尝试这个：

HTML

<input type="button" value="click"/>

脚本

<script>
    $(function(){
      $("table td input[type='button']").on('click',function () {
         console.log($(this).closest('tr').find('td:eq(1)').text();)
      }
    });
</script>
于 2013-05-14T10:09:18.887 回答
0

http://jsfiddle.net/2dJAN/28/

 $('input[type=button]').click(function(){
    alert($(this).closest('tr').find('td:nth-child(2)').html());
});

请参阅示例。

注意：我编写的代码仅用于获取该行的“名称”值。

于 2013-05-14T10:14:32.973 回答