jquery - 查找特定类的下一个输入字段

Question

我有几个 div，每个 div 都有两个输入字段，如下所示:

<div id="wrapper">
    <div class="content">
        <div class="subcontent">
            <input type="text" class="first" id="first_1" />
            <input type="text" class="second" id="second_1" />
        </div>
    </div>
    <div class="content">
        <div class="subcontent">
            <input type="text" class="first" id="first_2" />
            <input type="text" class="second" id="second_2" />
        </div>
    </div>
</div>

假设我有一个 ID 为 second_1 的输入字段，并为其分配一些值:

$("#second_1").val("Hello");

如何找到“first”类的下一个输入字段？请记住，我不知道它的 ID，它不一定是 first_2。

换句话说，我也想为 first_2 分配一个值，但不知道它的 ID。

Answer 1

我想这就是你想要的。

var nextFirst = $("#second_1").closest('content').next().find('.first');

使用closest(..).next()获取下一行输入。