jquery - 如何找到行的父表

Question

我有一个复杂的 html 文件。单击表格行时，我想选择表格前面的输入[type=text]。

一个html片段在这里

<input type=text/>
<table>
  <tr>
  ...
  </tr>
</table>

$('tr').click(function() {
  $(this).closest('table').prev(input[type=text]).val();
});

这抛出

`Uncaught TypeError: Object #<HTMLTableRowElement> has no method`closest

单击表格行时如何编写jQuery选择器来选择输入？

Answer 1

$(this).parent('table').prev('input[type="text"]').val()

或者

$(table).on('click', 'tr', function () {
    $(this).[prev/siblings/closest]('input[type="text"]').val();
});

Answer 2

在这里你有一个现场演示：http: //jsfiddle.net/ceETY/2/

你可以使用这个：

$(this).parent('table').prev('input:text').val();

Answer 3

$(this).parents('table')[0].prev(input[type=text]).val();应该这样做。

Answer 4

你可以试试 parent()

 $(this).parent('table').prev(input[type=text]).val();