Как добавить атрибут id в тег html с определенным классом с помощью jQuery?

У меня есть ссылка с классом special, и я хочу добавить к нему атрибут id.

Только один элемент в моем документе будет иметь этот класс в любой момент (я могу удалить и добавить новый в какой-то момент).

Как добавить атрибут id в элемент, чтобы изменить его:

<div class="special">

<div id="special-12345" class="special">

Добавление атрибута очень просто:

$('.special').attr('id', 'your-id-value');

Более потенциально проблематичной частью будет обеспечение того, что добавляемый идентификатор уникален.

Попробуйте это

$('div.special').attr('id','your-id');

$(".special").attr("id","special-" + (new Date()).getTime());

У вас нет репутации для добавления комментария, но я считаю, что он достаточно полезен для других, которые ищут ответ на состояние, что

attr();

Не просто добавить атрибут, а скорее устанавливает его. Важно, когда на элементе уже установлен некоторый идентификатор.

Вы можете добавить id с помощью:

$('.special').attr('id', 'id-value');

Вы хотите изменить идентификатор?

$('.special').removeAttr('id').attr('id', 'id-value');