jquery - jqueryのnextAllが機能しない

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ません.アラートは発生しません.私はfirefox 4.0を使用しています.

Answer 1

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

デモ

Answer 2

これを試して：

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