jQuery更改ID！

Question

我是jQuery noobie，並且一直在嘗試添加腳本來更改div onClick的id。

這裏是jsfiddle example。

$(function accept() { 
    $("div:scrollwrap").attr('scrollwrap','highlight'); 
});​ 

謝謝:)

Answer 1

的attr的第一個參數是屬性名稱，而不是當前值：

$(function accept() { 
    $("div#scrollwrap").attr('id','highlight'); 
});​ 

然而，讀您的jsfiddle代碼，您似乎有一類亮點而不是一個ID。 Here is my edited version與我認爲你正在努力實現的。

請注意，我已經改變了以下內容：

• 通過增減的ID的.hightlight類更具體，否則高亮風格將不會覆蓋原有的。
• 去掉了內嵌的onClick，你可以在你的腳本，這被認爲是最佳實踐中做到這一點（見JS爲.click()加）
• 改變了JS功能來切換類，因爲我認爲它應該如果無效用戶取消選中該複選框。

更多的資源（jQuery的文檔）：

• .toggleClass()
• .click()
• .attr()

Answer 2

，如果你想改變與ID scrollwrap股利有編號的亮點：

$(document).ready(function() { 
    $("#checkbox2").click(function() { 
     $("#scrollwrap").attr('id','highlight'); 
    }); 
}); 

記住的ID是唯一的，所以這應該只會影響一個元件。如果你想影響多個使用類和功能.addClass（）/ removeClass（）

Answer 3

這是你如何更改ID：

$(function accept(){ //makes sure your document is ready 
    $('div#scrollwrap').attr('id', 'highlight') 
}) 

（我假設scrollwram是你ID）