動態創建Jquery選擇器

Question

親愛的，我想用PHP文件中的JSON格式數據動態加載表數據。我嘗試了下面的一個，但沒有看到表中顯示的任何數據。

function loadTable() { 
    $.getJSON('sort.php', function(data) { 
     $.each(data, function(i, val) { 
      $('#most_active tr:eq(i)').after(
       '<tr>'+ 
        '<td>'+val.value1+'</td>'+ 
        '<td>'+val.value2+'</td>'+ 
        '<td>'+val.value3'</td>'+ 
        '<td>'+val.data+'</td>'+ 
       '</tr>' 
      ); 
     }); 
    }); 
} 

如果我嘗試使用0而不是這第二個「我」我得到的所有的值，但在錯誤的順序，最後在JSON成爲表中的第一個。

function loadTable() { 
    $.getJSON('sort.php', function(data) { 
     $.each(data, function(i, val) { 
      $('#most_active tr:eq(0)').after(
       '<tr>'+ 
        '<td>'+val.value1+'</td>'+ 
        '<td>'+val.value2+'</td>'+ 
        '<td>'+val.value3'</td>'+ 
        '<td>'+val.data+'</td>'+ 
       '</tr>' 
      ); 
     }); 
    }); 
} 

任何建議檢索並正確填充表和JSON向量相同的順序？

感謝

的代碼部分相關表中

<table id="most_activeAP" class="table table-hover"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Value</th> 
      <th>Value</th> 
      <th>Time</th> 
     </tr> 
    </thead> 
    <tbody></tbody> 
</table> 

Answer 1

你最好使用.EQ （）功能

function loadTable() { 
    $.getJSON('sort.php', function(data) { 
     $.each(data, function(i, val) { 
      $('#most_active tr').eq(i).after(
       '<tr>'+ 
        '<td>'+val.value1+'</td>'+ 
        '<td>'+val.value2+'</td>'+ 
        '<td>'+val.value3'</td>'+ 
        '<td>'+val.data+'</td>'+ 
       '</tr>' 
      ); 
     }); 
    }); 
} 

這也意味着，你可以再建立自己的元素列表和重複使用它：

function loadTable() { 
    $.getJSON('sort.php', function(data) { 
     var $mostActiveRows = $('#most_active tr'); 
     $.each(data, function(i, val) {  
      $mostActiveRows.eq(i).after(
       '<tr>'+ 
        '<td>'+val.value1+'</td>'+ 
        '<td>'+val.value2+'</td>'+ 
        '<td>'+val.value3'</td>'+ 
        '<td>'+val.data+'</td>'+ 
       '</tr>' 
      ); 
     }); 
    }); 
} 

這第二個版本會有點更高效（少一點浪費）。

Answer 2

你嘗試過如下創建選擇...

function loadTable() 
{ 
    $.getJSON('sort.php', function(data) 
    { 
     $.each(data, function(i, val) 
     { 
      $('#most_active tr:eq(' + i + ')').after('<tr><td>'+val.value1+'</td><td>'+val.value2+'</td><td>'+val.value3'</td><td>'+val.data+'</td></tr>'); 
     }); 
    }); 
}