Discussion :

[teddol]

Bonjour,

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

Merci à vous.

Code html :

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

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>

[www.diazis.com]

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

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

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

javascript :

Code :

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

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

[teddol]

Merci,je vais tester cela.

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

[NoSmoking]

Bonjour,

plus concise avec Jquery si possible

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

[ABCIWEB]

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 :

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

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());
	});
});

[SpaceFrog]

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 :

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

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