jquery 查找下一个带有类的元素

Question

我试图找到下一个具有“错误”类别的元素并碰壁。

在查看 jQuery 网站上的演示时，这应该可以工作，但事实并非如此。

$("button[disabled]").next().text("this button is disabled");

<div>
   <button disabled="disabled">First</button>
   <span>no overwrite</span>
   <span class="error"></span>
</div>

<div>
   <button>Second</button>
   <span></span>
</div>

<div>
   <button disabled="disabled">Third</button>
   <span>no overwrite</span>
   <span class="error"></span>
</div>

我试图在相关元素之后找到 span 或 div 或其他任何内容，如上面的按钮。

所以禁用的按钮行应该是“禁止覆盖此按钮已禁用”

我尝试过

$("button[disabled]").next(".error").text("此按钮已禁用") ;

无济于事。

Answer 1

问题是您使用 next 遍历函数而不是 nextAll

$("button[disabled]").nextAll(".error").text("this button is disabled");

当您使用 next 时，它只是查看“下一个”元素是“

<span>no overwrite</span>

下一个”，所有元素都会查看下一个的所有同级元素

Answer 2

试试这个：

$("button[disabled=disabled]").parent().find("span.error").text("this button is disabled");

希望有帮助。
司南。

Answer 3

next() 在这种情况下不起作用，因为它必须是同级才能起作用。在这种情况下，您需要：

$("button[disabled]").parent().nextAll()
  .find("span.error:first").text("this button is disabled");