Question

我有这段代码在字段输入旁边添加错误消息：

$("#" + index).after('<span class="text-error validation-error-inline">' + value[0] + '</span>');

结果看起来像这样：

<div class="middle">
    <input id="username" class="form-control" type="text" name="username">
    <span class="text-error validation-error-inline">The username has already been taken.</span>
</div>
<div class="right"></div>

但是，我想在div中使用class="right"注入带有消息的范围，所以它最终会像这样：

</div>
<div class="right">
    <span class="text-error validation-error-inline">The username has already been taken.</span>
</div>

怎么做？顺便说一句。有一点很重要，class="right"可以在班级内=＆＃34;中间＆＃34; to，所以我需要在层次结构中返回一个级别，然后找到第一个right类。

Answer 1

$("#"+index).closest(".middle").next(".right")
    .append('<span class="text-error validation-error-inline">' + value[0] + '</span>');

Answer 2

如果您想要将{span}添加到.right div

，请不要尝试此操作

$("#" + index).closest(".middle").next(".right").empty()
.append('<span class="text-error validation-error-inline">' + value[0] + '</span>');

找到一个元素然后用某个类找到它并在jQuery中注入一个html

2 个答案: