如何在动态添加行时向标记添加name属性

时间:2015-12-15 18:10:45

标签: javascript jquery html

我正在使用Jquery动态添加行。问题是我无法将"name"属性分配给表格单元格。我知道在单元格中创建"name"元素时如何添加input type="text"属性,但在此我不想在文本框中看到这些值。

我的问题是我无法将"name"属性分配给我的表格单元格,以便我可以通过

访问它们的值
document.getElementByNames("anyName")[0].value

我的代码:

function addRow() {
var carName = "fiat";
var Engine = "Petrol";
$("#datble").append("<tr><td>"+carName+"</td><td>"+Engine+"</td></tr>")
}

1 个答案:

答案 0 :(得分:1)

不要将name用于td,它不是td的有效属性,而是使用class

var i=0;
function addRow() {
  var carName = "fiat";
  var Engine = "Petrol";
  $("#datble").append("<tr><td class='anyClass"+i+"0'>"+carName+"</td><td class='anyClass"+i+"1'>"+Engine+"</td></tr>");
  i++;
}

现在使用class selector

$(".anyClass00").html();来访问这些值

修改 使用i使其更具动态性!