如何查找行的父表

Question

I have a complex html file. I want to select a input[type=text] previous to the table when table row is clicked.

A html snippet goes here

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

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

This throws

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

How to write jQuery selector to select the input when table row is clicked?

Answer 1

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

OR

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

Answer 2

$(this).parents('table')[0].prev(input[type=text]).val(); should do it.

Answer 3

你可以试试parent（）

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

Answer 4

Here you have a living demo: http://jsfiddle.net/ceETY/2/

You can use this:

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