針對HTML集合中的輸入值

我正在製作一個翻轉游戲的卡，並且我被困在一個特定的函數中。在遊戲過程中，卡片消失（通過更改班級名稱）針對HTML集合中的輸入值

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的集合是用戶得到了分項目，所以控制檯回報可基於用戶行爲）

現在，我想針對具有的div內的所有輸入班'nocard'，但不是同名的其他輸入。當我試圖創建一個循環來調用類'fntCls'時，控制檯返回了所有的輸入，而不僅僅是類'nocard'的div內的輸入。

我希望我解釋了這個權利。我需要針對班級'nocard'中班級'fntCls'的值，而不是班級'卡'中的班級。

我去做了一個小提琴，但它不能正常使用localStorage的方式。所以我可以在必要時發佈git。另外，我應該提到我不使用Jquery或任何其他庫。我想要「香草」JavaScript的幫助。

對不起，如果這很長，或不精確描述我需要什麼。我真的很努力地找到合適的詞來解釋這裏發生的事情，這是我第一次嘗試做這個特別的行動。提前致謝。

來源

2016-04-22 MrEhawk82

您可以嘗試使用document.querySelectorAll（'。nocard input.fntCls'）獲取所有具有nocard類的元素內的類fntCls的所有輸入。 – spaceman

我會馬上回復你。 – MrEhawk82

我能夠做到我想要的querySelectorAll選項。請作爲回答發佈，所以我可以接受它:) – MrEhawk82

使用document.querySelectorAll你可以針對像這樣的投入：

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

的.nocard目標與類nocard和input.fntCls元素將針對與fntCls類的元素中的投入。

來源

2016-04-23 11:59:39 spaceman

針對HTML集合中的輸入值

回答

相關問題