Assigner événement à un enfant

**melka one** · 22/05/2016, 19h06

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

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

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 :

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

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

Code :

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

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

**Toufik83** · 22/05/2016, 19h43

Code :

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

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

**melka one** · 22/05/2016, 19h52

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.

**Toufik83** · 22/05/2016, 19h57

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

Code :

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

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 */}
}):
});

**danielhagnoul** · 22/05/2016, 20h43

Code :

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

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