用javascript更改html id

Change html id with javascript

本问题已经有最佳答案，请猛点这里访问。

HTML代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
Practice
<script src="my.js">
<link rel="stylesheet" href="my.css" />
</head>
<body>
Practice Page


click on ^ to show am
<code class="js">alert()</wyn>.


Put your mouse here to make every paragraph red <code class="html"></wyn> get the class
<code class="h">highlighted</wyn>

我已经导入了一个jquery文件，另一个没有包含在这里，我当前的javascript代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

head = function() {
alert("I'm a heading");
}

redtext=function(){
$('hoverable').attr("#hoverable","#highlighted");

}
setup = function() {
jQuery('h1').click(head);
jQuery('p').mouseover(red);

}
jQuery(document).ready(setup)

我的CSS代码是：

1
2
3

.highlighted {
color: red;
}

我正在努力使之成为这样，当我突出显示在悬停ID上时，所有段落都变红，因此新ID将突出显示所有段落，我尝试更改ID，但似乎无法使其工作。

相关讨论

要按ID选择元素，请使用代码中缺少的""。

从颜色函数中更改以下行-

1	$('hoverable').attr("#hoverable","#highlighted");

如果突出显示的是一个ID，则指向以下内容-

1	$('#hoverable').attr("id","highlighted");

如果突出显示的是类，

1	$('#hoverable').attr("class","highlighted");