Javascript Jquery-在每个循环中查找下一个元素

我有一个这样的问题

我有HTML结构：

<form id="form">
    <div class="row">
        <div class="item-input">
            <label for="A1">A1</label>
            <input type="text" name ="A1" />
            <span class="input-require">(*)</span>
            <span class="info">(Enter A1)</span>
        </div>
        <div class="item-input">
            <label for="A2">A2</label>
            <input type="text" name ="A2" />
            <span class="input-require">(*)</span>
            <span class="info">(Enter A2)</span>
        </div>
    </div>
    <div class="row">
        <div class="item-input">
            <label for="B1">B1</label>
            <input type="text" name ="B1" />
            <span class="input-require">(*)</span>
            <span class="info">(Enter B1)</span>
        </div>
        <div class="item-input">
            <label for="B2">B2</label>
            <input type="text" name ="B2" />
            <span class="input-require">(*)</span>
            <span class="info">(Enter B2)</span>
        </div>
    </div>
    ...
</form>

A1
(*)
（输入A1）
A2
(*)
（输入A2）
地下一层
(*)
（输入B1）
地下二层
(*)
（输入B2）
...

现在我想选择“span”，在每个输入[type=text]后面都有类“info”。 我尝试：

$（文档）.ready（函数（）{
$（“#表单输入[type=text]”）。每个（函数（）{
var spanInfo=$（this）.closest（“项目输入”）.next（）.find（'span.info'）；
console.log（spanInfo.text（））；//结果为空
});
});

为什么是空的？请帮帮我。我该怎么办，谢谢

var spanInfo=$（this）.closest（“项目输入”）.next（）.find（'span.info'）

应该是

var spanInfo=$（this）.closest（.item input”）.next（）.find（'span.info'）

你错过了比赛。（点，类）
您的平均值是显示“（输入A2）”和“（输入B2）”或显示所有4个元素值：（输入A1），（输入A2），（输入B1），（输入B2）

如果只显示2个值，则

如果要显示4值，可以编写代码：

$(document).ready(function() {
    $("#form input[type=text]").each(function(){
        var spanInfo = $(this).closest(".item-input").find('span.info');

        console.log(spanInfo.text()); 
    });
});

我不小心非常感谢。
$(document).ready(function() {
    $("#form input[type=text]").each(function(){
        var spanInfo = $(this).closest(".item-input").find('span.info');

        console.log(spanInfo.text()); 
    });
});