jQuery pobiera najbliższy div z klasą

Question

Hii Chcę pokazać numery znaków najbliższemu div klasie showchars.

Próbowałem to zrobić:

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

Dzięki tej 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> 

Kiedy skupiam się na polach wejściowych to nie resetuje zawartości klasy błędów.

Ale nie zmienia tekstu na: hmm w elemencie div.

Gdzie poszedłem źle lub jaki jest lepszy sposób, aby uzyskać najbliższy div, a następnie zaimplementować api: .html("hmm")?

Dzięki

Answer 1

.closest()patrzy na samego elementu i jego rodziców o meczu.

W twoim przykładzie, .showchars jest rodzeństwem pola tekstowego, więc możesz zamiast tego użyć .siblings().

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

Demo here.

Answer 2

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