如何在jQuery中使用事件参数（对象）获取下一个兄弟元素

Posted 2023-05-09

【中文标题】如何在jQuery中使用事件参数（对象）获取下一个兄弟元素

【英文标题】：How to get next sibling element on blur using event parameter (object) in jQuery

【发布时间】：2021-04-23 16:35:33

【问题描述】：

我正在处理一个表单，我想在下一个兄弟元素上显示验证消息。我正在使用blur 事件。我想在下一个兄弟元素中显示错误，但我无法使用事件属性来做到这一点。它给了我一条错误消息：

next() 不是方法

我该怎么做？

【问题讨论】：

我们无法调试您未向我们展示的代码。请将相关代码添加到问题中

请访问help center，使用tour查看内容和How to Ask。做一些研究，搜索关于 SO 的相关主题；如果您遇到困难，请发布您尝试的minimal reproducible example，并使用[<>] sn-p 编辑器记录输入和预期输出。

【参考方案1】：

我们需要查看您的代码。这里是如何使用模糊和下一步

$("#x").on("blur",function() 
  $(this).next().html(this.value ? "" : "please enter a value")
)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="x"><span></span>

如果他们不是兄弟姐妹的话

$("#x").on("blur",function() 
  $(this).closest("div").next().html(this.value ? "" : "please enter a value")
)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>
  <input id="x">
</div>
<span></span>