Utilizo un evento de clic para un elemento con cierta clase. Dentro de la función de evento de clic, necesito obtener el siguiente elemento en la página con la misma clase. Probé:Obtener el siguiente elemento con la misma clase
$('.class').click(function() {
var $next = $(this).next('.class')
});
Y:
$('.class').click(function() {
var $next = $(this).parent().parent().parent().next('.class')
});
El .class es un div dentro de TD en una tabla, por eso tres veces parent().
Mi HTML es algo como esto (El .class es .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>
Podría publicar el código HTML? –
¿Por qué no funciona su enfoque? –
@Luca: Porque 'next()' no funciona de esta manera. Solo devuelve * el siguiente hermano * ** iff ** coincide con el selector dado. –