On Thu, Apr 2, 2009 at 4:14 PM, Thierry <lamthie...@gmail.com> wrote:
>
> I have the following structure for tr:
>
> <tr id="world">
> <td></td>
> <td></td>
> <td>
> <input type="button" name="hello" value="hello" />
> </td>
> </tr>
>
> I also have the following javascript:
>
> $("#world tr").click(function() {
> // do stuffs
> });
this selector doesn't seem to match your html, as it reads "all TRs within
the item with an id of world" but the item with an id of world is a TR, and
wouldn't contain any unless you've got nested tables. Perhaps you meant #
world.tr or <table id="world"><tr>?
>
> Is there a way to prevent the above event from triggering when the
> hello button is clicked?
check event.target inside the click callback
$("#world").click(function(event) {
if (!$(event.target).is("button")) {
//do stuff
}
});
- Richard
