javascript - 如何将属性“id”添加到 JavaScript 或 jquery 中的类？

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。

score 2 · Accepted Answer

你需要这样的东西：

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

或者

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

score 1 · Accepted Answer

从第二个开始，您已经有一个 idmyTable03

如果要添加attribute id到包含该类的表中fht-table fancyTable

那就试试这个

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

score 0 · Accepted Answer

属性 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);
}

3 回答 3