配列は常に特定の値ではなく最初の値を選択します

Question

refreshFileList = function() { 
    $("#filedetails tr").remove(); 
    for (i = 0, j = fileDetails.length; i < j; ++i) { 
    $("#filedetails").append("<tr data-filesize='" + fileDetails[i].SIZE + "' data-filename='" + fileDetails[i].KEY + "'><td><strong>" + fileDetails[i].FILENAME + "</strong></td><td class='nodesize'>" + fileDetails[i].SIZE + " MB</td><td>" + fileDetails[i].EXT + "</td>" + fileDetails[i].TAG + "</tr>"); 
    } 
}, 

fileDelete = function(e) { 
    e.preventDefault(); 
    var parentRow = jQuery(this).closest('tr') 
    , fileName = fileDetails[i].KEY 
    , fileSize = fileDetails[i].SIZE; 
    ajaxFileDelete(fileName, parentRow, fileSize); 
}, 

fileDelete関数にはdata-filenameとdata-filesizeは使用しませんが、fileName = fileDetails [i] .KEYまたはfileSize = fileDetails [i] .SIZEは常に、特定の値ではなく配列の最初の値を削除しますが、データ属性は期待通りに機能します。

Answer 1

data属性として<tr>にiを追加します。

refreshFileList = function() { 
    $("#filedetails tr").remove(); 
    for (var i = 0, j = fileDetails.length; i < j; ++i) { 
    $("#filedetails").append("<tr data-index='" + i + "'><td><strong>" + fileDetails[i].FILENAME + "</strong></td><td class='nodesize'>" + fileDetails[i].SIZE + " MB</td><td>" + fileDetails[i].EXT + "</td>" + fileDetails[i].TAG + "</tr>"); 
    } 
}, 

fileDelete = function(e) { 
    e.preventDefault(); 
    var parentRow = jQuery(this).closest('tr') 
    , i = parentRow.data('index') 
    , fileName = fileDetails[i].KEY 
    , fileSize = fileDetails[i].SIZE; 
    ajaxFileDelete(fileName, parentRow, fileSize); 
},