处理表内的 jQuery 单击事件

Question

我有一张表，其中包含几行，每行包含一个按钮和一个文本框。

使用文本框值触发警报的最简单方法是什么？

Answer 1

您可以将单击处理程序绑定到按钮，该按钮会向上遍历 DOM 到其包含的 ，然后从那里找到文本框：

// Bind a click handler to all buttons in the table...
$('table :button').click(function () {

  var text = $(this)    // "this" is the button which was clicked
    .closest('tr')      // find the <tr> which contains it...
    .find(':text')      // find the text box within that <tr>...
    .val();             // and get its value

  alert(text);
});

Answer 2

如果文本输入和按钮是连续的唯一两个 ()，那么您可以使用如下事件处理程序：

$('#table_id').delegate('a', function () {
    alert($(this).closest('tr').find('input[type="text"]').val());
});

如果按钮是表单元素，您可以替换'a' 选择器与 'input[type="button"]'。