jQuery .each deep selecting

jQuery .each deep selecting

本文关键字：selecting deep each jQuery      更新时间：2023-09-26

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

我正在使用jQuery中的每个功能 

$('.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>

我想遍历 html 的每一行，寻找特定的类和元素，直到我点击输入元素，然后检索文本。

谁能提出实现这一目标的正确方法？

谢谢

我认为这就是你想要的：

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

.form-group是label的父级，但你的选择器有它作为子级。而且input:text不是label的孩子，而是.form-group的后代。

要获取文本字段中的输入，请使用 .val() . .text()用于 HTML 节点的文本内容。

相关文章：