Récupérer plusieurs value jquery

Bonjour a tous donc mon problème est que je voudrais récupérer les valeurs de chaque ligne avec jquery

Code:

---

1 2 3

<img class="invalid" alt="" value="1"> <img class="invalid" alt="" value="2"> <img class="invalid" alt="" value="6">

---

J'arrive a récupérer une seul valeur avec cette ligne , mais comment faire pour toutes les récupérer ?

Code:

---

1 2	var val = $('img.invalid').attr("value"); alert(val);

---

Merci de votre aide

Déjà pas d'attribut value pour l'élément img, utilise l'attribut data-*

Code:

---

1 2 3 4

<img class="invalid" alt="" data-value="1"> <img class="invalid" alt="" data-value="2"> <img class="invalid" alt="" data-value="6">

---

ensuite il faut parcourir la collection pour récupérer la valeur de chaque élément

Code:

---

1 2 3 4

$('.invalid').each(function() { alert( $(this).data('value') ) })

---

Génial ça fonctionne parfaitement .
Par contre pourquoi tu utilises .data d’où vient ce data ?

Merci encore de ton aide

Tout simplement parce que value n'est pas un attribut autorisé pour une balise <img />.
Du coup, il vaut mieux passer par un attribut de type data-xxx pour créer des attributs personnalisés, d'autant que jQuery les gère de façon plus efficace !

Ok super alors je ne savais pas merci beaucoup