jquery - 在选定的 <input> 之后选择具有特定类的第一个元素

Question

我想在选定的 <input> 之后选择具有特定类的第一个元素.这是一个例子:

HTML:

<form>
    <input id="id_username" />
    <div class="status"></div>

    <input id="id_email" />
    <div class="status"></div>

    <input id="id_password" />
    <div class="status"></div>
</form>

jQuery:

function check_username() {
    $("#id_username").change(function() {
        var user = $("#id_username").val();
        if(user.length >= 3) {
            /* HOW SHOULD I CHANGE THIS ??? */
            $(".status").append('<img src="/site_media/images/loader.gif"> Checking availability...');
        }
    });
}

所以我希望这张图片“loader.gif”只出现在id_username之后输入。我将在 id_email 上使用类似的东西和 id_password .

Answer 1

你只需要使用:

$(this).nextAll('.status').first().append(/* ...stuff... */);

即使 $(this) 和 .status 之间存在分隔元素，这仍然有效，如果两者紧邻，您可以使用:

$(this).next('.status').append(/* ...stuff... */);

引用资料:

• first() .
• next() .
• nextAll() .