相关疑难解决方法(0)

在 javascript 中可能更好，但这肯定可以包括 jQuery 或任何此类库。

我想.next在下面的例子中找到第一个。

有很多类似问题的答案暗示nextAll或siblings......两者在这里都没用：

$(function(){
  $('.result').text(
    $('.origin').nextAll('.next').text()
      || $('.origin').siblings('.next').text()
      || 'both failed'
  )
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="whatever">
  <p class="result"></p>
  <p class="origin">1</p>
</div>
<p class="next">2</p>
<p class="next">3</p>

此外，什么是最兼容（浏览器和库明智）和最高效（速度和更少的代码行）的方式来做到这一点？

我想在选中之后选择具有某个类的第一个元素<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.