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）