set onClick on the tr except for his second td

Question

<tr class="DesignedTableTR" onclick="OpenAdPreview()">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>

I want that the onclick will be set on all the td-s except for the second td.

I know I can do it like:

<tr class="DesignedTableTR">
    <td onclick="OpenAdPreview()"></td>
    <td></td>
    <td onclick="OpenAdPreview()"></td>
    <td onclick="OpenAdPreview()"></td>
</tr>

but maybe there is another efficient way..

Answer 1

Another way for doing

<tr class="DesignedTableTR" onclick="OpenAdPreview()">
<td></td>
<td onclick="event.cancelBubble=true; return false;"></td>
<td></td>
<td></td>

Answer 2

Use the :not() and :nth-child() selectors.

$("tr.DesignedTableTR > td:not(:nth-child(2))").on("click", OpenAdPreview);