Récupérer valeur input JQUERY

Bonjour,

Comment puis-je récupérer la valeur de chaque input name="idprod" lorsque je clique sur Supprimer?

Merci à vous.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

<div class="cartRow"> <table width="100%"> <tr> <td><span class="deletefromcart">Supprimer</span></td> </tr> </table> <div><input name="idprod" type="hidden" value="1" /></div> </div>   <div class="cartRow"> <table width="100%"> <tr> <td><span class="deletefromcart">Supprimer</span></td> </tr> </table> <input name="idprod" type="hidden" value="2" /> </div>   <div class="cartRow"> <table width="100%"> <tr> <td><span class="deletefromcart">Supprimer</span></td> </tr> </table> <input name="idprod" type="hidden" value="3" /> </div>

---

Bonjour,

J'aurais pas structuré le html comme ça, mais si tu n'as pas le choix, voilà une solution en javascript (et non jquery :( )
html :

Code:

---

<td><span class="deletefromcart" onclick="getIdProd(this)">Supprimer</span></td>

---

javascript :

Code:

---

1 2 3

function getIdProd(currentSpan) { currentIdProd = currentSpan.parentNode.parentNode.parentNode.parentNode.getElementsByTagName("input")[0].value; }

---

Merci,je vais tester cela.

Mais je cherchais une solution plus concise avec Jquery si possible.

Bonjour,

Citation:

---

plus concise avec Jquery si possible

---

pas de soucis c'est tout expliqué dans la documentation officielle ;)

Alors t'a avancé ?

Perso j'utilise très souvent "find" qui permet d'avoir une syntaxe plus lisible (à mon gout) et passe partout pour faire mes collections.
Ici tu pourrais faire par exemple :

Code:

---

1 2 3 4 5 6 7 8

$(".cartRow").each(function() { var that = $(this); $(this).find(".deletefromcart").on("click",function() { alert(that.find("input[name=idprod]").val()); }); });

---

en corrigeant quelque peu la structure html car le premier input est dans un div et pas les suivants ...
on pourrait faire un truc de ce genre :

http://jsfiddle.net/xqxfLra7/

ou sans modifier la structure

Code:

---

console.log($(this).parents('div:eq(0)').find('input').val())

---

Une autre version :

Code:

---

1 2 3 4 5 6

$( ".deletefromcart" ).on( "click", function( event ){ $( event.target ) .parents( "div.cartRow" ) .find( "input[name='idprod']" ) .attr( "type", "number" ); });

---

Bonjour à tous,

Waouw! vous m'impressionnez par votre maîtrise de jqquery. J'avoue que de mon côté de patauge grave!!! Je tâtonne sans succès. je vais essayer vos codes et vous posterai la méthode choisie.

Désolé pour le délai de réponse, décalage horaire... ;)

Hello,

J'opte pour la méthode de SpaceFrog.

Merci à tous les codeurs. Je reviendrai pour d'autres difficultés au besoin. ;)

Si cela peut éclairer d'autres débutants comme moi, j'ai modifié un peu le code de SpaceFrog, cela me permet de rajouter d'autres input de noms différents ( input[name="idprod"],...)
J'ai changé 'div:eq(0)' en 'div.cartRow' et input par input[name="idprod"] car c'est mon div principal comme l'a vu Danielhagnoul.

Ce qui donne:

Code:

---

1 2 3 4 5

$(function(){ $('.deletefromcart').on('click', function(){ var donnee = $(this).parents('div.cartRow').find('input[name="idprod"]').val(); }) })

---