如何在JavaScript或jquery中向类添加属性'id'？

Question

我有一个带有id和类的表。我正在使用插件修复前两列和标题以满足我的要求。我的表由标签定义：

<table class="fancyTable" id="myTable03" cellpadding="0" cellspacing="0">

我想在此表中添加其他功能。在通过firebug检查DOM之后，我发现该表由插件分解为两部分（我猜）。而表的一部分变为

<table class="fht-table fancyTable" style="margin-top: 0px;">

而另一个变为

<table id="myTable03" class="fancyTable fht-table fht-table-init" cellspacing="0" cellpadding="0" style="width: 926px; margin-top: -40px;">

我想将属性id添加到包含类“fht-table fancyTable”的表中。我怎样才能做到这一点？我正在使用Jquery / javascript。

Answer 1

你需要这样的东西：

$('.fht-table.fancyTable').not('#myTable03').prop('id', 'yourId');

或

$('.fht-table.fancyTable').not('.fht-table-init').prop('id', 'yourId');

Answer 2

来自第二个，您已经有一个身份myTable03

如果要将attribute id添加到包含类fht-table fancyTable

的表中

然后试试这个，

$(".fht-table.fancyTable:not('#myTable03')").attr('id','myTable04');

阅读How can I select an element with multiple classes?

Answer 3

属性ID可以添加为属性的常规属性。但是，不应该通过Id获得对该元素的引用。

您可以使用：

$("div").attr("id", "div1");

注意：两个元素的id不能相同。

var divs = document.getElementsByTagName('div');

或

var divs = document.getElementsByClassName('fancyTable');


for(var i = 0; i<divs.length;i++) {
    divs[i].setAttribute("id","div"+i);
}