2010-04-26 94 views
3

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

這裏是jsfiddle example

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

謝謝:)

回答

13

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

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

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

請注意,我已經改變了以下內容:

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

更多的資源(jQuery的文檔):

2

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

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

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

+0

謝謝,這工作,我怎麼把它添加到我的onclick功能? '' – Kyle 2010-04-26 08:50:29

+0

@ kyle-sevenoaks更新 – Moak 2010-04-26 08:58:28

1

這是你如何更改ID:

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

(我假設scrollwram是你ID)