我使用一个具有特定类的元素的点击事件。在点击事件函数中,我需要获取页面上具有相同类的下一个元素。我尝试了:
$('.class').click(function() {
var $next = $(this).next('.class')
});
并且:
$('.class').click(function() {
var $next = $(this).parent().parent().parent().next('.class')
});
.class是位于表格中td内的一个div,这就是为什么要使用三个parent()的原因。
我的HTML代码是这样的(.class 是 .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>
next()
方法不是这样工作的。它只会返回与给定选择器匹配的下一个兄弟元素。 - Felix Kling