Javascript JQuery-基于数组数据向表的末尾添加html表列

Javascript JQuery-基于数组数据向表的末尾添加html表列,javascript,jquery,html,arrays,Javascript,Jquery,Html,Arrays,我一直在试图找出如何在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

我一直在试图找出如何在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;
});
var c=$(“#dvCSV tr:nth child(2)td”).length//查找表中的列数
var myArray=新数组();
$(“#dvCSV tr td:nth child(3)”。每个(函数(i){
myArray.push($(this.text());
});
myArray.拼接(0,1);
$(“#dvCSV tr:first”)。追加(“Th”);
var n=0;
$('#dvCSV')。查找('tr')。每个(函数(){
myArray[n]=“+(myArray[n]*0.01)+”;
$(this.append(MyArray[n]);
n=n+1;
});
这是我一直在做的一把小提琴

我原以为可以将数组中的值嵌套到each函数中,但它不能正常工作。我似乎找不到任何其他的例子来让它发挥作用

如果可以在不首先转换为数组的情况下处理表中的值,那就更好了

列中的td值(将对所有具有值的列执行工作)需要使用一些数学函数。所以它取td值*f(x),然后将该值与右侧新列中的原始值放在同一行上


任何帮助都将不胜感激

将标题的列插入
标记,将其他行插入
标记,以实现对DOM的最佳操作

可以使用
$(“标记”)
语句创建元素;对于插入新标题,可以使用:

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);
});
var tdHeadNode=$(“”);
html(“Th”);
$(“#dvCSV thead tr”).append(tdHeadNode);
要插入其他行的其他数据,可以使用:

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);
});
$(“#dvCSV tbody tr td:nth child(3)”)。每个(函数(){
变量tdNode=$(“”);
html(this.innerHTML*0.01);
$(this.parent().append(tdNode);
});
方法
html
返回或设置值内部标记,方法
parent
返回当前
td
的父节点,在本例中为
tr


对不起,我的英语不好。

myArray.splice(0,2)?这样做会删除数组中的一些值,我想这会使数组中的元素数与表中的行数不匹配。您可以忽略这一点。在最终版本中,实际数据上方将有两行。这将从数组中删除这些对象,以便不对其进行计算。在这种情况下,我只需删除第一个标题。但就你而言,有可能处理好这种差异吗?谢谢。这非常有效。如果我需要在第Th行下面再添加一行怎么办?在我的最终版本中,我有两行描述,然后是数据。我现在在后面的前两行看到的是NaN。我想重复与列关联的字段中的值。标题不起作用。但我想做的是保留包含td元素的文本,并计算td元素的数量。