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

[danielhagnoul]

Une autre version :

Code :

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

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

[teddol]

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...

[teddol]

Hello,

J'opte pour la méthode de SpaceFrog.

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

[teddol]

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 :

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

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