javascript - 找到一个元素，然后首先从它中找到某个类，然后在 jQuery 中注入(inject)一个 html

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>

但是，我想用 class="right" 将带有消息的 span 注入(inject)到 div 中，所以它最终会像这样:

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

该怎么做？顺便提一句。有一件事很重要，class="right" 可以在 class="middle"内，所以我需要以某种方式返回层次结构中的一个级别，然后才找到第一个 right类。

Answer 1

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