JQuery / Javascript将“id”添加到<div>，其中class =“x”</div>

Question

我有一行代码......

<div class="x">
   xyz
</div>

我想编写一个脚本来查找class ==“x”的div，并将其更改为...

<div class="x" id="y">
   xyz
</div>

感谢任何帮助

Answer 1

// Without jquery
document.querySelector('div.x').id = 'y';

// With jquery
$('div.x').attr('id', 'y');

Answer 2

甚至不可能创建两个具有相同ID的元素;）

$('#y').length || $("div.x:first").attr("id",'y');

使用guard来阻止属性更改（如果存在）。 With a "y"和without。

Answer 3

试

$("div.x").attr("id",'y');

但请注意，它会将id='y'添加到任何其他具有类x的div

Answer 4

你有什么尝试？

$(".x").attr('id', 'y');

Answer 5

试试这个：

$(document).find('.x').attr('id', 'y');

因为.find()的工作速度比$('.x')快。