JavaScriptでテンプレートとして作成されたhtml要素を選択した

Question

基本的には行と列のJavaスクリプトを使用して表を作成しましたが、html要素を選択しようとするとdocument.getELementbyclassnameを使用すると定義されません。私はすべてのjの質問$(document).ready(function)を使用していますが、まだ私は定義されていません。

function createTemplate(rows,cols){ 
    var rows = rows; 
    var col = cols; 


    for(var i = 0; i < rows; i++){ 
     $("#container").append("<div class = 'row rower'></div>"); 
    } 
    for(var y = 0; y < col; y++){ 
     $(".rower").append("<div class = 'col-xs-1 cols'> </div>"); 
    } 
    for(var z = 0; z < 1; z++){ 
     $(".cols").append("<button class = 'btn btn-danger proness'></button>"); 
    } 

    var buttons = document.getElementsByClassName("proness"); 
    for(var l = 0; l < buttons.length; l++){ 
     buttons[l].innerHTML = l; 
    } 


    var row = document.getElementsByClassName("rower"); 
    for(var x = 0; x < row.length;x++) 
    { 
     row[x].style.padding = "1px"; 
    } 

}; 

さて、あなたはすでにjqueryのを使用しているので、私は

var button = document.getElementByClassName("btn"); 
console.log(button[3]); // UNdefined 

Answer 1

使用した後、あなたはボタンに対処するためにjqueryのを使用することができます。

フィドル：https://jsfiddle.net/j6ju2cxs/

var buttons = $(".btn"); 
console.log($(buttons[3]).html()); 

あなたの関数に行と列の入力に起因する細胞の数は、ボタンを探して、3未満の場合、[3]未定義戻ります。