How can I select a hidden field by value?

问题:

I have the following HTML generated by an ASP.NET repeater:

<table>
  <tr>
    <td><input type="hidden" name="ItemId" id="ItemId" value="3" /></td>
    <td>Terry</td>
    <td>Deleted</td>
    <td>Low</td>
    <td>Jun 21</td> 
  </tr>
  <!-- rows repeat -->
</table>

How do I select a particular hidden field by value, so that I can then manipulate the columns next to it?

回答1:

Using jQuery Selectors, you can target your element by a certain attribute matching the desired value:

$('input[value="Whatever"]');

This way you are targeting an input element, by the attribute value that is equal to the desired value.

EDIT 5/14/2013: According to an answer below, this no longer works as of jQuery 1.9.

回答2:

Note: Since jQuery 1.9 the input[value="banana"] selector is no longer valid, because 'value' of the input is technically not an attribute. You need to use the (far more difficult to read) .filter

E.g.

$("input").filter(function () {
    return this.value === "banana";
});

See also: jQuery 1.9.1 property selector

回答3:

$('input:hidden[value=\'3\']');