jQuery-根據數組數據在表末添加html表列

Question

我一直在嘗試找出如何在html表中附加一列數據。 將單擊一個按鈕，該按鈕將獲取表中的現有數據列，保存到數組，然后對其進行一些數學運算，然后將其吐出作為表中的最后一列。

這是我一直在嘗試的代碼：

var c = $("#dvCSV tr:nth-child(2) td").length;//find number of columns in the table

var myArray = new Array();

$("#dvCSV tr td:nth-child(3)").each(function(i){
   myArray.push($(this).text());
});
myArray.splice(0,1);

$("#dvCSV tr:first").append("<td>Th</td>");
var n=0;

$('#dvCSV').find('tr').each(function(){
    myArray[n]= "<td>" + (myArray[n]*0.01) + "</td>";
    $(this).append(MyArray[n]);
    n=n+1;
});

這是我一直在努力的小提琴。

的jsfiddle

我以為可以將數組值嵌套到每個函數中，但是效果不佳。 我似乎找不到其他示例可以使它正常工作。

如果可以在不先轉換為數組的情況下使用表中的值，那就更好了。

列中的td值（將在所有具有值的列上完成）需要對其進行一些數學運算。 因此，它將采用該td值* f（x），然后將該值與原始值放在同一行中的右邊的新列中。

任何幫助，將不勝感激。

Answer 1

將Header的Columns插入<thead>標記中，並將其他行插入<tbody>標記中，以最佳地操作DOM 。

元素可以用$("tag")語句創建； 用於插入新標題，可以使用：

var tdHeadNode = $("<td/>");
    tdHeadNode.html("Th");
$("#dvCSV thead tr").append(tdHeadNode);

要為其他行插入其他數據，可以使用：

$("#dvCSV tbody tr td:nth-child(3)").each(function(){
     var tdNode = $("<td/>");
    tdNode.html(this.innerHTML * 0.01);
    $(this).parent().append(tdNode);
});

方法html返回或設置值內部標簽，方法parent返回父節點，在這種情況下，對於當前td為tr 。

對不起，我的英語不好。