jqueryの - ストアデータrowIndexに値を配列に動的

Question

私は、コードの下にしようとした配列

<tr class="ewTableRow" data-rowindex="1" id="r1_assessment_training" data-rowtype="2"> 

に動的にdata-rowindex値を保存したいです。 （コードの下の天気が正しいかどうかは分かりません）

var a = $('#tbl_assessment_traininggrid tr').length; 

var row_count = []; 
    for (var i = 1; i <= a; i++) { 
     var rowCntrl = $("data-rowindex[i]").val(); 
     alert(rowCntrl); 
     row_count.push(rowCntrl); 
    } 

Answer 1

以下の答えは私のために動作します。

$(".ewTableRow").each(function(){ 
    row_count.push($(this).data('rowindex')); 
}); 

Jquery関数を使用して..！

Answer 2

はまた、あなたが要素の上に横断するjQueryのからそれぞれを使用することができます$("[data-rowindex=" + i + "]")

var a = $('#tbl_assessment_traininggrid tr').length; 
 

 
var row_count = []; 
 
for (var i = 1; i <= a; i++) { 
 
    var rowCntrl = $("[data-rowindex=" + i + "]").attr("data-rowindex"); 
 
    alert(rowCntrl); 
 
    row_count.push(rowCntrl); 
 
} 
 

 
console.log(row_count)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="tbl_assessment_traininggrid"> 
 
    <tr class="ewTableRow" data-rowindex="1" id="r1_assessment_training" data-rowtype="2"></tr> 
 
    <tr class="ewTableRow" data-rowindex="2" id="r2_assessment_training" data-rowtype="2"></tr> 
 
    <tr class="ewTableRow" data-rowindex="3" id="r3_assessment_training" data-rowtype="2"></tr> 
 
</table>

Answer 3

を使用し、その後、あなたは変数iを持つ要素を選択する場合がありますのでご注意ください.data（）を使用して要素のデータ属性からデータを取得します（注：データを使用するとjson文字列を解析し、データ属性から直接オブジェクトを取得できます）。json文字列を保存する必要がある場合データ属性で）、以下に示すよう：

var row_count = []; 
 
    
 
$(".ewTableRow").each(function(){ 
 
    row_count.push($(this).data('rowindex')); 
 
}); 
 

 
console.log(row_count);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr class="ewTableRow" data-rowindex="1" data-rowtype="2"></tr> 
 
    <tr class="ewTableRow" data-rowindex="2" data-rowtype="2"></tr> 
 
    <tr class="ewTableRow" data-rowindex="3" data-rowtype="2"></tr> 
 
    </table>