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>

当我专注于输入框时，它会重置错误类的内容。

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

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

由于

Answer 1

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

在您的示例中，.showchars是文本框的兄弟，因此您可以使用.siblings()代替。

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

Demo here

Answer 2

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

jQuery用类来获得最接近的div

2 个答案: