如何使用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);