wake-up-neo.net

jQuery Auswählen und Filtern von Elementen in einem div

Ich habe ein Problem mit der Auswahl und Filterung von Elementen in einem 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");
});

Das Problem ist, dass ich jedes Mal darauf aufmerksam gemacht werde, wenn ich etwas in das div klicke.
Aber ich möchte nur benachrichtigen, wenn der Benutzer auf die Schaltfläche klickt.
Ich weiß, dass das Filtern der Elemente in jQuery :button verwendet.

Das habe ich versucht:

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

und

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

Es hat nicht funktioniert

Weiß jemand, wie das geht?

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

iD für eine bestimmte Schaltfläche verwenden

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

Folgen Sie für alle Schaltflächen im Div die Antwort von John. Klasse für einige Tasten verwenden

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

Übrigens, ich mag es, meine Jquery-Funktion in die Ready-Funktion zu setzen.

$(document).ready(function(){        

});
1
KhanSharp

Wie wäre es mit 

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

Siehe this

0
slevin

Versuche dies:

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