自動的に生成された親子の隠れた入力値を取得していますか？

Question

私は、その値を使用するために私のドキュメント内の自動生成された要素から子要素の入力値を取得しようとしていますが、私はこの子にアクセスする際に問題があります。 （JSに非常に新しいIM）

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); 
}; 

Answer 1

あなたは要素の子を選択するためにjqueryのを使用することができますを取得し、入力

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

のIDを設定します。これについて移動する複数の方法があります

は、but I'd suggest checking out Jquery Selectors.

私は（「：最初の」）要素の子のためのセレクタが.childrenていると信じ

だからあなたがしたい

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

Answer 2

は、入力

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