Javascript jQuery

我正在遍历一个复杂的DOM，我有一个重复的html结构

我正在jQuery中使用each特性

$('.row').each(function (index, object) {
   $(object).find('label[for="duedate"] > .input-group > input:first').text();
} 

我试图使用上面的代码开始遍历，但是结果中没有定义

我的html示例如下

<div class="row"> 
    <div class="form-group ml-sm mr-sm"> 
        <label class="control-label" for="duedate">Due Date</label> 
        <div class="input-group"> 
            <span class="input-group-addon"> 
                <i class="fa fa-calendar"></i> 
            </span> 
            <input "type="text" data-plugin-datepicker class="form-control" readonly="readonly" required> 
            </div> 
        </div> 
    </div> 
</div> 

到期日
我想这就是你想要的：

$('.object-container  label[for="duedate"]').parent(".form-group").find("input:text").each(function() {
    var text = $(this).val();
    // do something with text
});

.form group
是
标签
的父项，但您的选择器将其作为子项。而
input:text
不是
label
的子项，它是
.formgroup
的后代

要在文本字段中获取输入，可以使用
.val（）
.text（）
用于HTML节点的文本内容。
如果在输入中添加id，只需执行$（'#id'）。遍历DOM的效率非常低。
input
元素没有任何文本。您的意思是
.val（）
？HTML中没有
对象容器
，而且
表单组
不是
标签
的子项。它们是搜索以特定字母序列开头的ID的一种方法吗？请尝试删除“>”符号并将“text（）”切换为“val（）”。