Question

My html is:

<div id="div_0" class="clscol">
   <table>
      <tbody>
         <tr>
            <td>
               <label id="imgDelete_0" class="sfDelete">Delete</label>
            </td>
         </tr>
      </tbody>
   </table>
</div>
<div id="div_1" class="clscol">
   <table>
      <tbody>
         <tr>
            <td>
               <label id="imgDelete_1" class="sfDelete">Delete</label>
            </td>
         </tr>
      </tbody>
   </table>
</div>
<div id="div_2" class="clscol">
   <table>
      <tbody>
         <tr>
            <td>
               <label id="imgDelete_2" class="sfDelete">Delete</label>
            </td>
         </tr>
      </tbody>
   </table>
</div>

and in JQuery I try:

  $('.sfDelete').live("click", function() {
    $(this).parents('div:first').nextAll('.clscol').each(function() {
                                alert('hi'); //For test purpose
                                //alert($('.sfColNo').attr('id'));
                            });
 });

but I never enter inside a .nextAll.Alert never fire.I am using firefox 4.0.Is this browser issue or I am missing somthing.Thanks.

Answer 1

$('.sfDelete').on("click", function() {
    $(this).closest('div.clscol').nextAll('.clscol').each(function() {
        alert('hi');
    });
});

DEMO