Как удалить атрибут а потом поставить?

Question

[iegor]

Необходимо сделать последовательность действий при нажатии на кнопку: удалить все атрибуты у определенных объектов, добавить атрибут связанному с нажатым и запустить некий скрипт. Вот мой код, который по моим представлениям должен это делать:

$('.push').click(function(){
    $('.del').removeAttr('id');
    this.next('div').children('.del').setattr('id', 'disqus_thread');
    var disqus_shortname = 'allfreecourses';
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
})

Но он ничего не делает.
P/S Вообще суть скрипта должна быть в подгрузке дискуса к нужному посту на странице.

Comments

[IceJOKER]

в одном месте jquery, а в другом чистый JS, может все таки выберете один из двух?

[iegor]

IceJOKER: это да, остановился бы, если б различал... В этом проблема?

Answer 1

[Виталий Инчин ☢]

• Во-первых, в контекст обработчика события передается обычный элемент, а не объект jQuery.
  
• Во-вторых, нету метода seattr, есть attr.
  
• В третьих, с какой целью использовано замыкание??? По приколу?
  
  

$('.push').click(function(){
    $('.del').removeAttr('id');
    $(this).next('div').children('.del').attr('id', 'disqus_thread');

    var DIS_SHORT = 'allfreecourses',
          dsq = document.createElement('script');
    
    dsq.async = true;
    dsq.src = 'http://' + DIS_SHORT + '.disqus.com/embed.js';

    (document.head||document.body).appendChild(dsq); //Как head'a может не быть???!?
})

Comments

[iegor]

ну собственно спасибо, а мой код от недосыпа