jQuery .next¿Todo no funciona?

Question

Tengo este html

<tr> 
<td> 
Main Alliase/Current Alliase: 
</td> 
<td><input type="text" id="maina" class="countchars" max="30"/><br /> 
    <span class="showchars"></span> 
</td> 
<td><span id="handle-1" class="selector" title="The Main Alliase with which people know you OR the alliase with which u play most <br /> <b>You'r App would be also named after this only</b>" header="Main Alliase/Current Alliase">?</span></td> 
<td><div id="error-1" class="errors"></div></td> 
</tr> 

Y esto JS:

$('#maina').focus(function() { 
$(this).closest("tr").find(".selector").qtip('toggle', true); 
    $(this).nextAll(".errors:first").html("Bla"); 
    $(this).siblings(".showchars").show(); 
}); 

Pero el cuando me concentro en el maina que hace las otras 2 cosas pero tampoco cambia el código HTML de errors clase.

¿Por qué? ¿Qué he estado haciendo mal? Por favor, ayúdame Gracias

Answer 1

creo que debe hacer:

$(this).closest('tr').find(".errors:first").html("Bla"); 

yhis se debe a nextAll() busca hermanos (Get all following siblings of each element in the set of matched elements, optionally filtered by a selector), y el único hermano de Maina es el lapso

Answer 2

Como usted puede ver en this example.nextAll() solo le devuelve hermanos.

que puede usar:

$(this).parents("tr").eq(0).find(".errors:eq(0)").html("Bla");