Comment sélectionner un champ caché par sa valeur ?

Question

J'ai le HTML suivant généré par un répéteur ASP.NET :

<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>

Comment sélectionner un champ caché particulier par sa valeur, afin de pouvoir ensuite manipuler les colonnes situées à côté ?

Answer 1

Utilisation de Sélecteurs jQuery vous pouvez cibler votre élément en fonction d'un certain attribut correspondant à la valeur souhaitée :

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

De cette façon, vous ciblez un input par l'attribut value qui est égale à la valeur souhaitée.

EDIT 5/14/2013 : Selon une réponse ci-dessous, cela ne fonctionne plus à partir de jQuery 1.9.

Answer 2

Remarque : depuis jQuery 1.9, le sélecteur input[value="banana"] n'est plus valable, car la "valeur" de l'entrée n'est techniquement pas un attribut. Vous devez utiliser le (beaucoup plus difficile à lire) .filter

Par exemple

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

Voir aussi : Sélecteur de propriétés jQuery 1.9.1

Answer 3

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