的jquery - 存儲數據的rowIndex值到一個數組動態

Question

我想要動態地保存data-rowindex值到數組

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

我嘗試下面的代碼。 （我不確定天氣下面的代碼是否正確或不）？

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

同時請注意，如果你要選擇與變量i一個元素，那麼使用$("[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

您可以使用每個從jQuery來遍歷過的元素並使用.data（）從元素的數據屬性中獲取數據（注意：使用數據有助於解析json字符串並直接從data屬性獲取對象，因此您需要保存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>