jQuery wybieranie i filtrowanie elementów wewnątrz elementu

Question

Mam problem z wyborem i filtrowaniem elementów wewnątrz elementu 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"); 
}); 

Problem zostanę powiadomiony za każdym razem kliknięciu dowolnego elementu wewnątrz div.
Ale moim wymaganiem jest ostrzeżenie tylko wtedy, gdy użytkownik kliknie przycisk.
wiem, że filtrowanie elementów w jQuery używa :button

To co próbowałem:

$("#wrapper").children(":button").click(function() { 
    alert("hi there"); 
}); 

i

$("#wrapper").children().filter(":button").click(function() { 
    alert("hi there"); 
}); 

To nie działa

Ktoś wie jak to zrobić?

Answer 1

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

Answer 2

wykorzystanie id dla konkretnego przycisk-

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

Dla wszystkich przycisków w div, wykonaj Jana odpowiedź. Użyj klasy jakiegoś buttons-

$('.btnClass').click(function(){ 
    alert("all class"); 
}); 

btw, jak umieścić wszystkie moje funkcji jquery wewnątrz funkcji gotowy jak-

$(document).ready(function(){   

}); 

Answer 3

Jak o

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

Zobacz this

Answer 4

Spróbuj tego:

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