定位HTML集合中的输入值

Question

我正在制作一张卡片翻转游戏，而我却陷入了某种特殊功能。在游戏过程中，卡片会消失（通过更改班级名称）

function reShuffle() {
var cds = document.getElementsByClassName('nocard');

for (var t = 0; t < cds.length; t++) {
    console.log(cds[t]);
    ///i need to target an input within a div, inside another div, inside cds[t];
    ///make sense?
    }
}  

上面的函数是将一组HTML发送到我的控制台。控制台如下所示:( html集合是用户获得的项目，因此控制台返回可能因用户操作而异）

现在，我想要定位具有类＆＃39; nocard＆＃39;的div内的所有输入，而不是同名的其他输入。当我试图制作一个循环来打电话给班级＆＃39; fntCls＆＃39;控制台返回了所有输入，而不仅仅是带有类＆＃39; nocard＆＃39;的div内部的输入。

我希望我解释了这一点。我需要瞄准班级＆＃39; fntCls＆＃39;卡片中包含“＆nbsp;”卡片，而不是“卡片”中的卡片。＃card;＆＃39;。

我去做一个小提琴，但是我使用localStorage的方式并没有正常工作。所以我可以在必要时发布一个git。另外，我应该提到我没有使用Jquery或任何其他库。我想＆＃34;香草＆＃34; JavaScript帮助。

对不起，如果这很长，或者不准确描述我需要的东西。我真的很难找到正确的词来解释这里发生的事情，这是我第一次尝试做这个特别的行动。提前谢谢。

Answer 1

使用document.querySelectorAll，您可以像这样定位输入：

document.querySelectorAll('.nocard input.fntCls')

.nocard使用类nocard定位元素，input.fntCls将使用fntCls类定位这些元素内的输入。