Как добавить id в тег html с помощью jquery

Question

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

Мой код:

$(function() {$(".video").click(function(e){ 
    e.preventDefault(); 
    $(this).attr('id', 'selected'); 
    });}); 

После нажатия на ссылку, если я вижу код. Firebug показывает тот же код без каких-либо изменений.

Answer 1

Попробуйте простой JavaScript:

this.id = "selected"; 

Если это работает, то это JQuery-пердеть. Если он все еще не работает, убедитесь, что вы правильно используете Firebug (я не использую его, но я знаю, что в IE мне нужно нажать кнопку, чтобы обновить представление DOM), и если это все еще не кажется исправьте его вместо класса (или атрибут data-*)

Answer 2

В коде, который вы отправили, нет ничего плохого, поэтому вы делаете что-то неправильно в другом месте. Вот несколько общих точек совет:

• Формат ваш код лучше понять, что происходит на
• Всегда завернуть в закрытой функции, которая определяет $, как JQuery упаковывают это не определено или определено как что-то еще в глобальный масштаб
• Применить такие вещи, как «выбрано» как классы, не IdS
• не используйте короткую руку документ готов, он не является описательным, что он делает и не читаемым

, например.

(function($) { 

    $(document).ready(function() { 

    $('.video').click(function(ev) { 

     ev.preventDefault(); 

     //$(this).attr('id', 'selected'); 
     $(this).toggleClass('selected'); // This will turn the "selected" class on and off for each click 

    }); 

); 

})(jQuery);