2017-04-09 37 views
0

我試圖從自動生成的元素中檢索我的文檔中的一個子元素的輸入值,以便使用它的值,但我無法訪問子元素,我該如何去做這件事? (IM到JS很新)檢索自動生成的父母孩子的隱藏輸入值?

var createCard = function (num, x) { 
var div = document.createElement('div'); 
var classN = "card" + num; 
var classX = "card" + x; 
div.className += classX; 
div.className += " card "; 
div.className += classN; 
div.style.opacity ="1" 
div.addEventListener("click", function (e) { 
    var div = $(e.target); 
    var n = div.firstElementChild.value; //here lies the suspected problem 
    if (div.css('opacity') == "0.3") { 
     div.css('opacity', "1"); 
     aNum(n); 
    } 
    else { 
     div.css('opacity', "0.3"); 
     mNum(n); 
    } 
}); 

var worth = document.createElement('input') 
worth.setAttribute('type', 'hidden'); 
worth.setAttribute('value', num); 

div.appendChild(worth); 
document.getElementById('gameArea').appendChild(div); 
}; 
+0

你如何調用'createCard'函數? – brk

回答

0

您可以使用jQuery選擇元素的孩子。

有多種方法去了解這一點,but I'd suggest checking out Jquery Selectors.

我相信,一個元素的子選擇器。兒童(「:第一個」)

所以,你會怎麼做

var child = $("MyDivSelector").children(":first"); 
+0

Yup使用'var child = $(「MyDivSelector」)。children(「:first」)。val();'工作非常感謝你:) – Tristen

+0

沒問題,很高興有幫助! –

0

設置ID爲輸入

worth.setAttribute('id', 'hidworth'); 

獲取輸入

var hidWorth=document.getElementById('hidWorth');