jquery - 单击按钮获取下一个和上一个输入

Question

我需要通过单击样式为按钮的 a 元素来获取上一个和下一个输入的值...示例代码:

<ul>
    <li>
        <input type="text">
    </li>
</ul>
<ul>
    <li class="li-inline">
        <a class="btn" href="#">
            <i class=""></i>
        </a>
    </li>
</ul>
<ul>
    <li>
        <input type="text">
    </li>
</ul>

我尝试使用 next() 和 prev() jquery 方法，但没有达到预期的结果。

$("a").click(function() {
  $(this).next(":input");
});

Answer 1

首先，您必须使用 closest() 到达父 ul然后使用 next() 转到下一个或上一个 ul或 prev()分别使用 find() 在后代中查找输入

Live Demo

$("a").click(function() {
     $(this).closest('ul').prev('ul').find(":input");
     $(this).closest('ul').next('ul').find(":input");
});