J'ai un problème avec la sélection et le filtrage d'éléments dans une div.
HTML:
<div id="wrapper">
<input type="text" value="you can edit me">
<input type="button" value="click me">
</div>
jQuery:
$("#wrapper").children().click(function() {
alert("hi there");
});
Le problème est que je suis alerté chaque fois que je clique sur un élément de la division.
Mais mon exigence est d’alerter uniquement lorsque l’utilisateur clique sur le bouton.
Je sais que le filtrage des éléments dans jQuery utilise :button
C'est ce que j'ai essayé:
$("#wrapper").children(":button").click(function() {
alert("hi there");
});
et
$("#wrapper").children().filter(":button").click(function() {
alert("hi there");
});
Ça n'a pas marché
Quelqu'un sait-il comment faire ça?
$("#wrapper input[type=button]").click(function() {
alert("hi there");
});
utiliser id pour un bouton spécifique
<div id="wrapper">
<input type="text" value="you can edit me">
<input type="button" id='btnMyButton' value="click me">
<input type="button" class='btnClass' id='btnMyButton2' value="click me 2">
<input type="button" class='btnClass' id='btnMyButton3' value="click me 3">
</div>
$('#btnMyButton').click(function(){
alert("hi there");
});
Suivez tous les boutons de la division, suivez la réponse de John. Utilisez la classe pour certains boutons-
$('.btnClass').click(function(){
alert("all class");
});
btw, je tiens à mettre ma fonction tout jquery à l'intérieur de la fonction prêt comme
$(document).ready(function(){
});
Essaye ça:
$("#wrapper > input[type=button]").click(function() {
alert("hi there");
});