Question

Unfortunately I wasn’t able to come up with a better title. Here’s my problem. I have a table (HTML). I would like a solution where if I click anywhere on the rows, it shows me details about that row in overlay. This part is ok, I can do that with jQuery TOOLS. But I also have links in certain columns, and when I click on them, I don’t want this overlay to pop up. I’m sorry if this question was already answered, but I couldn’t find it anywhere. Any ideas? Thanks!

Answer 1

You could solve this by generating the nth-column you wan’t to have different behaviour with a designated class:

Let’s say this is your row:

<tr>
  <td>1</td>
  <td>2</td>
  <td class="dont-process-click">3</td>
  <td>4</td>
</tr>

…

And have you’re click event run only if the clicked td doesn’t have that class.

            $("td").click( function() {
                if(! $(this).hasClass('dont-process-click')) {
                    alert('Do something');
                }
            });