使用jQuery迭代表格單元格並追加到div

Question

我真的很困惑這裏.. 我試圖從表中獲取值並將這些值添加到帶有類標題的div，使用 附加函數和.text函數。 的問題是，當我使用表的最後一個值被附加了每個功能和 其餘被跳過.. 這是我的代碼：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#nameGridView tr').each(function() { 
      if (!this.rowIndex) return; // skip first row 
      var productName = this.cells[0].innerHTML; 
      $('.title').each(function (i, obj) { 
       $('.title').html(productName); 

      }); 

     }); 
    }); 

</script> 

請告訴我如何通過每個表進行迭代，並添加同時，就像第一個div標題所說的那樣，來自表格的第一個值會被附加，等等。 謝謝。

Answer 1

使用append()追加到元素。也可以使用.eq()來獲取與該行索引相同的div。

<script type="text/javascript"> 
    $(document).ready(function() { 
     var $title = $('.title'); 
     $('#nameGridView tr').each(function(i) { 
      if (!this.rowIndex) return; // skip first row 
      var productName = this.cells[0].innerHTML; 
      $title.eq(i-1).append(productName);    
     }); 
    }); 

</script>