如何使用jquery将id添加到html标记

时间:2013-02-19 18:47:37

标签: javascript jquery

我有video类的多个链接,我想添加一个id属性,当用户点击链接时。

我的代码是:

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

点击链接后,如果我看到代码。 Firebug显示相同的代码而没有任何变化。

2 个答案:

答案 0 :(得分:2)

尝试使用纯JavaScript:

this.id = "selected";

如果可以,那就是jQuery-fart。如果它仍然无法正常工作,请确保您正确使用Firebug(我不使用它,但我知道在IE中我必须单击一个按钮来刷新DOM视图)并且如果它仍然没有修复它使用类(或data-*属性)

答案 1 :(得分:1)

您发布的代码没有任何问题,因此您在其他地方做错了什么。以下是一些一般性建议:

  • 更好地格式化代码以了解正在发生的事情
  • 始终在一个封闭的函数中包装,该函数将$定义为jQuery incase 它未定义或定义为全局范围内的其他内容
  • 将类似“已选择”的内容应用为类,而不是ids
  • 不要使用文档的简写,它不能描述它正在做什么而且不可读

e.g。

(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);