How to add a event for a table within a TD of another table

Question

I am having a table inside a TD of another table. the parent TD has a function to be executed on clicking. So how to add a event for the child table. I cant able to add a event for child table. The parent TD's event is fired.

Please add relevant html and existing javascript code here, or make demo fiddle otherwise I doubt you will get an answer. — BBekyarov, Jul 15 '14 at 12:35
Maybe [this](http://stackoverflow.com/a/4616720/979978) will help you. — Ivaylo Petrov, Jul 15 '14 at 12:39

score 0 · Answer 1 · answered Jul 15 '14 at 12:42

You can do it like this

HTML

<table >
    <tr>
        <td class="outer">
            Outer

      <table>
        <tr>
            <td class="inner" >Inner</td>
        </tr>
      </table>
        </td>
    </tr>
</table>

jQuery

$('.outer').click(function(){
  alert('test')
})

$('.inner').click(function(e){
  e.stopPropagation();
})

How to add a event for a table within a TD of another table

1 Answers1