2013-02-19 97 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

相關問題