JQuery selector on click event
Atnaize
I want to trigger something when I click on a certain class within a div.
I tried this
$("div .event").click(function() {
alert($( this ).text());
});
And
$("div").on("click", $('.event'), function() {
alert($( this ).text());
});
//Or
$(".SimpleCalendar .event").click(function() {
alert($( this ).text());
});
//I do not even know what this is supposed to do ...
$(".SimpleCalendar tbody tr td div .event").click(function() {
alert($( this ).text());
});
And many more but still can not figure out why this is not working
My HTML is the following : 
PeterKA
The div that you're selecting is the one that has the class .event, not a descendant of it. Therefore the correct selector is div.event. Try this:
$("div.event").click(function() {
alert($( this ).text());
});
Or just:
//Warning: if elements unlike the div also have the event class then stick to
//the above as the selector is more specific
$(".event").click(function() {
alert($( this ).text());
});
And don't forget that each of these options should be in DOM ready like so:
$(function() {
$("div.event").click(function() {
alert($( this ).text());
});
});
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: Randomly Assign Records From One Table to Another
- Next: Excel crashes if I run subroutine on entire file but works fine in segments
Related
Related Related
- 1
jquery $(document).on('click', selector, ... ) vs $(selector).on('click',
- 2
Jquery click event on selector returns child as target
- 3
Jquery Class selector on click
- 4
simulating click event of a different selector
- 5
How to toggle hover event for another selector on click?
- 6
jQuery .on() event ignores selector
- 7
selector not working after append inside the .on() click event
- 8
Jquery on click with selector/data
- 9
multiple executions when bind click event on * selector
- 10
jQuery 'on' click not checking for updated selector?
- 11
jquery :not() selector inside delegated event
- 12
Bind click event to selector with knockout
- 13
jQuery selector click function clarification
- 14
Jquery Class selector on click
- 15
jquery $(document).on('click', selector, ... ) vs $(selector).on('click',
- 16
jQuery click event on :data selector
- 17
simulating click event of a different selector
- 18
jQuery selector for target event?
- 19
jquery on click with not selector
- 20
Not able to access click event with jQuery selector
- 21
Jquery on click with selector/data
- 22
Removing ".on" Click Event in jQuery using 'selector;
- 23
JQuery selector onchange event
- 24
Bind click event to selector with knockout
- 25
Jquery Attribute selector click
- 26
jQuery on(click)/click event not firing
- 27
jquery selector on click not working
- 28
Adding click event from jquery .class[data-attribute='value'] selector
- 29
click event on different child selector with same selector
Comments