如何查找行的父表

时间:2013-03-27 12:54:44

标签: jquery

我有一个复杂的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选择器以在单击表行时选择输入?

4 个答案:

答案 0 :(得分:2)

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

OR

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

您可以尝试使用parent()

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

答案 3 :(得分:0)

这里有一个活的演示: http://jsfiddle.net/ceETY/2/

您可以使用:

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