nextAll jQuery中不起作用

Question

我的HTML是：

<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> 

和JQuery的我嘗試：

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

但我從來沒有一個.nextAll .Alert進入裏面從來沒有fire.I正在使用的Firefox 4.0。這是瀏覽器問題還是我缺少somthing.Thanks。

Answer 1

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

DEMO

Answer 2

試試這個：

$(this).parents('div.clscol').nextAll('div.clscol')