如何根据行id为td元素创建id?

时间:2013-01-15 14:57:31

标签: javascript jquery html5 html-table

我正在尝试根据它的行号生成td元素的id。

我相信td id必须是唯一的。也许我错了? 因此,我试图将行号与某些文本连接起来,但似乎无法使其工作。

我们在我们的网站上使用jQuery,我可以成功创建其他基于变量的id,但我有点卡在这个上。这是一个有效的例子

<td id="person-id${person.id}">${person.name}</td>

html稍后会看起来像:

<td id="person1"></td><td id="person2"></td><td id="person3"></td> etc

我希望能为另一张桌子做这样的事情,但遇到一些麻烦:

<td id="row-number("+rowIndex+")">some text here</td>

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

我假设您要根据列号而不是行号分配ID。如果我在这个假设中是正确的,你可以像这样使用jQuery:

$("tr").each(function() {
 $(this).children().each(function() {
 var n = $(this).index();
 $(this).attr('id','person'+n);
 });
});

否则,如果您确实希望将行号分配给id,则为:

$("tr").each(function() {
 $(this).children().each(function() {
 var n = $(this).parent().index();
 $(this).attr('id','person'+n);
 });
});

瞧。