특정 td 데이터 가져 오기, 링크의 데이터 사용, td 데이터 링크로 바꾸기 JavaScript

Question

완벽하게 생성되는 열린 데이터 테이블로 생성 된 테이블이 있습니다. 각 행의 마지막 4 개의 셀을 분리하여 변수에 저장하고 각 셀의 텍스트 (url + “/“ + text variable + “>” text variable + “</a>”)를 사용하여 링크를 만들어야합니다. 이 링크는 각 셀마다 고유하며 테이블의 각 행의 마지막 4 셀 모두에서 현재 셀 텍스트를 덮어 써야합니다. 결국 onload 이벤트에서 호출되지만 onclick 이벤트는 현재로서는 괜찮습니다 (테스트 등). 이것은 JavaScript 함수 또는 jQuery 여야합니다.

나는 오랫동안이 모든 가능한 방법을 시도해 보았고 가까이 다가올 수는 있지만 거래를 봉인 할 수는 없습니다. 어떤 도움이라도 대단히 감사하겠습니다. 내가 작업하고있는 테이블의 URL은 다음과 같습니다. http://mak-a-key.com/wp-content/themes/theme49645/tables/table-links.html

Answer 1

테이블을 만들 때 createdCell 콜백 함수를 사용하고 셀의 DOM을 수정할 수 있습니다.

cellData : 당신에게 현재 셀

rowData를의 실제 데이터를 제공합니다 : 현재 행에있는 당신에게 데이터의 실제 배열을 제공합니다 당신이 필요로하는 경우

하나의 마지막 4 단지를 연결 : rowData.nameCell2 + rowData.nameCell3 .... URL 부분에 사용하십시오.

예 :

$('yourTable').DataTable({ 
    columns: [ 
      {data: 'dataCell1'}, 
      {data: 'dataCell2', 
       createdCell: function(td, cellData, rowData, row, col){ 
        // rowData contains all information for the actual row 
        // cellData contains information in your actual cell 
       $(td).html("<a href="yourURL + cellData"></a>"); 
      } 
     } 
    ] 
});