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');
    });
});

<强> DEMO

next在jquery中不起作用

2 个答案: