2013-02-19 69 views
0

我有一个以上的video类的链接,我想添加一个id属性,当用户点击一个链接。如何使用jquery将html添加到html标记

我的代码是:

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

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

+0

您是否正在查看DOM源? – jrummell 2013-02-19 18:52:32

+0

你的代码没有问题,这个问题一定是别的 – 2013-02-19 18:59:18

回答

2

尝试纯天然的JavaScript:

this.id = "selected"; 

如果这样的作品,那么它是一个jQuery的屁。如果它仍然不起作用,请确保您正确使用Firebug(我不使用它,但是我知道在IE中我必须单击一个按钮来刷新DOM视图),如果它仍然没有出现修正它使用类而不是(或data-*属性)

+0

它应该工作,'id'只是另一个属性。也许OP在HTML本身中犯了一些错误... – SexyBeast 2013-02-19 18:51:35

+0

谢谢先生,它的工作.....非常感谢你 – james 2013-02-19 18:57:38

+0

有一件事我必须知道如何删除以前添加的ID。当用户点击另一个链接时。以及如何将此ID添加到用户点击的链接。 – james 2013-02-19 19:09:24

1

你发布的代码没有错,所以你在其他地方做错了什么。这里有几点建议一般分:

  • 格式的代码更好地理解正在发生的事情
  • 在一个封闭的功能$定义为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); 
+0

你能告诉我如何删除以前添加的ID。当用户点击另一个链接时。以及如何将此ID添加到用户点击的链接。 – james 2013-02-19 19:13:58