Test case details

Preparation Code

<table id="aaa">   <tr>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>   </tr>  <tr>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>   </tr><tr>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>   </tr><tr>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>   </tr><tr>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>   </tr><tr>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>   </tr><tr>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>   </tr><tr>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>   </tr><tr>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>   </tr><tr>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>     <td class="test">     </td>     <td>     </td>   </tr> </table> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script>
$('#aaa').find('td').on('click', function() {       $(this).toggleClass('active');     });

Test cases

Test #1

$('table').find('td').on('click', function() {   $(this).toggleClass('active'); });

Test #2

$('table').on('click', 'td', function() {   var $this = $(this);   if (!$this.hasClass('test')) {     $this.toggleClass('active');   } });

Test #3

$('table').on('click', 'td:not(.test)', function() {   $(this).toggleClass('active'); });

Test #4

$('#aaa').find('td').on('click', function() {   $(this).toggleClass('active'); });