Discussion :

[rams33]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Merci de votre aide

[Macmillenium]

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$('.invalid').each(function() { 
  alert( $(this).data('value') ) 
})

[rams33]

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

Merci encore de ton aide

[Bovino]

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 !

[rams33]

Ok super alors je ne savais pas merci beaucoup