通过Javascript在某个div中按类名获取元素答案

【问题标题】：Get elements by class name in a certain div through Javascript通过Javascript在某个div中按类名获取元素
【发布时间】：2020-10-03 13:11:21
【问题描述】：

我有：

<div class="f0">
    <div class="input-text">
        <t>Text</t>
    </div>
</div>

var h = 0;
    for(h;h<inputstext.length;h++){
        var str = 'f' + h;
        var currentDiv = document.getElementById(str);


    }

如何仅获取 f0 中的 input-text 元素值？

输出应该是Text。

谢谢。

【问题讨论】：

什么是输入文本？
Finding child element of parent pure javascript 的副本
@GuyIncognito 他想要获取与f* 匹配的类，而不仅仅是迭代孩子。
代码已经做到了。 “如何仅获取 f0 中的输入文本元素值？”
@GuyIncognito 我有多个：f0、f1、f2、f3、f4 等。但我只想要来自f0 的input-group 数据。

标签： javascript html

【解决方案1】：

您可以使用element[property*="val"] 选择所有elements 和以property 开头的"val" - 在这种情况下，任何以"f" 开头的class，然后选择它们的.input-text 子代。

此外，当这些 div 标记为 class f0 时，您正尝试获取具有 id f0 的元素。

const inputs = document.querySelectorAll('[class*="f"] .input-text');
for (const element of inputs)
  console.log(element.textContent.trim());

<div class="f0">
    <div class="input-text">
        inside f0
    </div>
</div>
<div class="f1">
    <div class="input-text">
        inside f1
    </div>
</div>

【讨论】：