jQuery 使用类查找下一个元素

Question

我有一个非常简单的问题，花了我 4 个小时但尚未解决：如何使用 jQuery 查找具有特定类的下一个跨度？ 我有以下 html

<tr>
    <td align="right">Име:&nbsp;</td>
    <td align="left">
         <input type="text" value="<?=$profileSQL['user_name']; ?>" name="user_name" class="input required" />
    </td>
</tr>
<tr>
    <td align="right" colspan="2">
         <span class="error"></span>
    </td>
</tr>

，并使用 jQuery 对其进行验证。 我希望如果有一条错误消息，用 js （只是一个字符串）生成，jQuery 找到最近的类 .error 的跨度，并到 text() 那里的消息。我尝试了 nextAll()、next("span.error") 和很多其他方法，但没有任何帮助。

提前致谢！

Answer 1

我知道这可能不完全是您正在寻找的内容，但如果您已经获得输入，如下所示：

var input = $('input[name="user_name"]');

那么您可以执行以下操作：

input.parents('tr').eq(0).next().find('.error').text(nameErrEmptyMsg);

Answer 2

问题是 .next() 和 .nextAll() 仅搜索同级（具有相同父级的元素）。

来自 jQuery 文档：

描述：获取所有以下内容
集合中每个元素的兄弟元素
匹配的元素，可选过滤
通过选择器。

在你的情况下，你有：

  <tr> 
     <td> title here</td> 
     <td><input name="user_name"/> </td>
   </tr>
   <tr>
     <td colspan="2">
       <span class="error"></span>
     </td> 
   </tr>

据我了解，你的 JQuery 代码是在输入上运行的，对吧？在这种情况下，在调用 newxt() 或 nextAll() 之前，您应该首先上升 2 个级别，直到然后选择下一个，因为有您想要查找的，所以：

这是一个检查它的工作示例：
http://jsfiddle.net/EM5Gw/

Answer 3

尝试

  console.log($("td>span").next().find(".error").text())

Answer 4

您可以使用 next('span.error')：

http://jsfiddle.net/ wPZgg/