jQuery 获取与类最接近的 div

Question

嗨，我想使用 showchars 类显示最接近的 div 的数字字符。

我尝试这样做:

$('#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>

当我关注输入框时，它确实会重置错误类的内容。

但不会将 div 中的文本更改为:hmm。

我哪里出错了，或者获取最接近的 div 然后实现 api 的更好方法是什么:.html("hmm") ？

谢谢

Answer 1

.closest() 查看元素本身及其父元素是否匹配。

在您的示例中，.showchars 是文本框的同级，因此您可以使用 .siblings()相反。

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

Demo here .