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

试试这个：

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

Answer 2

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

演示