我将click事件用于具有特定类的元素.在click事件函数中，我需要获取页面上具有相同类的下一个元素.我试过了:
I use a click event for an element with certain class. Inside the click event function I need to get the next element on page with the same class. I tried:
$('.class').click(function() { var $next = $(this).next('.class') });并且:
$('.class').click(function() { var $next = $(this).parent().parent().parent().next('.class') });.class是表中td内的div，这就是为什么三倍parent()的原因.
The .class is a div inside td in a table, that's why three times parent().
我的HTML是这样的(.class是.drag):
My HTML is something like this (The .class is .drag):
<table cellspacing="0" cellpadding="0" border="0" class="black8"> <tr class="trow1 drop trow1_over" rel="0,1"> <td> <div class="drop rootFolder" rel="0,1"></div> </td> <td width="100%" class="folderListOnclick"> <span>.. (koreňový adresár)</span> </td> <td> </td> <td> </td> </tr><tr class="trow1"> <td> <div class="drag drop ordinaryFolder" rel="1,1" style="width: 40px;"> </div> </td> <td width="100%" class="folderListOnclick" rel="1"> <span>aaa</span> </td> <td> <div class="button_mini folderEditOnclick" rel="1"> <span></span> </div> </td> <td> <div class="button_mini folderDeleteOnclick" rel="1"> <span><span> </div> </td> </tr><tr class="trow1"> <td> <div class="drag drop ordinaryFolder" rel="19,1" style="width: 50px;"> </div> </td> <td width="100%" class="folderListOnclick" rel="19"> <span>subaaa</span> </td> <td> <div class="button_mini folderEditOnclick" rel="19"> <span></span> </div> </td> <td> <div class="button_mini folderDeleteOnclick" rel="19"> <span><span> </div> </td> </tr> </table>推荐答案
您可以尝试:
$(".drag").click(function() { var draggables = $(this).parents("table").find(".drag"); var $next = draggables.filter(":gt(" + draggables.index(this) + ")").first(); });