Question

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

我的代码是：

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

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

Answer 1

尝试使用纯JavaScript：

this.id = "selected";

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

Answer 2

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

更好地格式化代码以了解正在发生的事情
始终在一个封闭的函数中包装，该函数将$定义为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);

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

2 个答案: