Comment puis-je sélectionner un champ masqué par valeur?

Question

J'ai le code 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 puis-je sélectionner un champ caché particulier par valeur, afin de pouvoir ensuite manipuler les colonnes à côté de lui?

Answer 1

En utilisant jQuery Selectors , vous pouvez cibler votre élément par un certain attribut correspondant à la valeur souhaitée:

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

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

EDIT 14/05/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 d'entrée [valeur = "banane"] n'est plus valide, 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é jQuery 1.9.1

Answer 3

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