jQuery를 사용하여 테이블 셀을 반복하고 div에 추가

Question

저는 여기에서 실제로 혼란 스럽습니다. 테이블에서 값을 가져와 추가 기능과 .text 함수를 사용하여 클래스 제목이있는 div에 해당 값을 추가하려고합니다.

이

<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>