Click on , but only if clicked is not an

Question

I have a table with structure like this : ```

100

Test

``` What I need : the entire `` is clickable and calls the `editThis()` method, UNLESS if the user clicks on the `` that has the link element (in case, the one with `noEdit` class). In the code above, clicking on ANY `` (or the ``) will call the `editThis()` method. I know I could write the call for each `` instead of the ``, but this would be a lot of writing... Is this possible?

Accepted Answer

Use event.stopPropagation()

```
$('#ui-id-7 td.noEdit').click(function(e){
   e.stopPropagation();
});
```

Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event

Click on <tr>, but only if clicked <td> is not an <a>

Solution

Problem

Related problems