jQuery obteniendo el div más cercano con una clase

Question

Hii quiero mostrar el número de caracteres al div más cercano con la clase showchars.

he tratado de hacer esto:

$('#maina').focus(function() { 
$(this).closest("div.showchars").find(".countchars").html("KKK"); 
    $("#error-1").html(""); 
    $(this).closest(".showchars").html("hmm"); 
}); 

Con este código HTML:

<tr> 
    <td> 
    Main Alliase/Current Alliase: 
    </td> 
    <td><input type="text" id="maina" class="countchars"/><br /> 
    <div class="showchars">o</div> 
    </td> 
<td><span id="handle-1" class="selector">?</span></td> 
    <td><div id="error-1" class="errors"></div></td> 
    </tr> 

Cuando me centro en los cuadros de entrada lo hace restablece el contenido de la clase de errores.

Pero doesnt cambia el texto a: hmm en el div.

¿Dónde he estado yendo mal o cuál es la mejor manera de obtener el div más cercano y luego implementar la API: .html("hmm")?

Gracias

Answer 1

.closest()mira al elemento en sí y sus padres para un partido.

En su ejemplo, .showchars es un hermano del cuadro de texto por lo que podría usar .siblings() en su lugar.

$(this).siblings(".showchars").html("hmm"); 

Demo here.

Answer 2

$(this).nextAll(".showchars:first").html("hmm");