Assigner événement à un enfant

bonjour

je tente d'assigner un evenement a un bouton mais debutant en jQuery j'ai l'impression de rater quelle que chose si quellle qu'un pouvais m’éclairé j'en serais fort heureux

j'ai essayer de deux facon
Code:

1 2 3 4 5 6 7 8 <body> <div id="dv"> <br><br> <button>premier</button> <button>deuxieme</button> <button>troisieme</button> </div> </body>
Code:

1 2 3 4 5 6 $(function(){ alert($("#dv button")[0]) $("#dv button")[0].on('click', function(){ alert('coucou'); }); })
Code:

1 2 3 4 5 6 $(function(){ alert($("#dv button")[0]) $("#dv button")[0].click(function() { alert( "coucou" ); }); })

Code:

1
2
3
4
5
$(function(){
$("button").click(function(){
alert($(this).text());
});
});

c'est pas le texte du bouton que je cherche a avoir mais a éxecuter une certaine fonction sur un des boutons et pas tous les boutons et mon probleme est la.

dans ce cas tu donne a chaque bouton un id unique.
puis en jquery tu fais :

Code:

1
2
3
4
5
6
7
8
9
 
$(function(){
$("button").click(function(){
    var id=$(this).attr('id');
    if(id=="premierer_id"){ /* ton code*/ }
    if(id=='deuxieme_id'){/* ton code */ }
    if(id=="troisieme_id"){ /* ton code */}
}):
});

Code:

1 2 3 4 5 6 7 console.log( $( "#dv > button" )[0] ); $( "#dv > button" ).eq(0).on('click', function(){ // debug, console, touche F12 console.log('coucou'); });
:fleche: FAQ jQuery
:fleche: Quelle différence y a-t-il entre $(...)[0] et $(...).eq(0) ?

Citation:

danielhagnoul

super sa marche ce que je retient c'est le .eq

Citation:

Toufik83

le truc justement c'est d’éviter de mettre des id a tout vas.

merci.