JQuery получить ближайший div с классом

Question

Hii я хочу показать число символов ближайшему div с классом showchars.

Я пытался сделать это:

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

С этим 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>

Когда я фокусируюсь на полях ввода, это сбрасывает содержимое класса ошибок.

Но не меняет текст на: hmm в div.

Где я ошибался или как лучше получить ближайший div и затем реализовать API: .html("hmm")?

Спасибо

Answer 1

.closest() смотрит на сам элемент и его родителей на совпадение .

В вашем примере, .showchars является родственным элементом текстового поля, поэтому вместо него можно использовать .siblings().

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

Демо здесь .

Answer 2

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