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

【问题标题】：Jquery - find next element in each loopJquery - 在每个循环中查找下一个元素
【发布时间】：2014-11-18 02:13:07
【问题描述】：

我有一个类似的问题。

我有 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>

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

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

            console.log(spanInfo.text()); // Result is empty
        });
    });
</script>

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

【问题讨论】：

标签： javascript jquery jquery-selectors find element

【解决方案1】：

var spanInfo = $(this).closest("item-input").next().find('span.info');

应该是

var spanInfo = $(this).closest(".item-input").next().find('span.info');

您缺少 . （点，类）

【讨论】：

我不小心。 :) 谢谢

【解决方案2】：

您的意思是显示“（输入 A2）”和“（输入 B2）”或显示所有 4 个元素值：（输入 A1）、（输入 A2）、（输入 B1）、（输入 B2）

如果只显示 2 个值，那么 CODE HERE

else你想显示4个值，你可以编码：

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

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

【讨论】：