web-dev-qa-db-fra.com

jQuery sélection et filtrage des éléments à l'intérieur d'une div

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?

24
strike_noir
$("#wrapper input[type=button]").click(function() {
    alert("hi there");
});
44
John Kugelman

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

});
1
KhanSharp

Que diriez-vous 

$("#wrapper :button").click(function() { alert("I love Imogen Poots"); });

Voir this

0
slevin

Essaye ça:

$("#wrapper > input[type=button]").click(function() {
    alert("hi there");
});
0
rJ7