如何使用jQuery将ID添加到HTML标签

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的封闭函数，以防它在全局范围内未定义或定义为其他内容
• 将类似“ selected”的内容作为类而不是id
• 不要立即使用文档的简短说明，因为它不能描述所执行的操作并且不可读

例如

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