更改自定義HTML屬性

Question

如果我的財產以後這樣

<div class="fb-like-box" data-href="" data-width="292" data-show-faces="true" data-stream="true" data-header="false" colorscheme="light"></div> 

，我想使用jQuery更改屬性「色彩方案」，以COLORSCHEME =「暗」變「數據頭」來data-header =「false」等等等等。

這些變化需要上的一個按鈕或圖像或一些其他類型的動作clickong時發生......我能得到行動的一部分了它的只是我會呼籲變革，這些具體的變量，如果你願意。

我也需要幫助改變所有其它的像數據HREF，數據寬度和數據顯示，面對

巨大的提前感謝！

Answer 1

首先，你應該寫在按鈕或圖片的點擊事件像

$('#buttonID').click(function(){ 
    $(".fb-like-box").attr({ "data-href": "#", "colorscheme":"dark", "data-value": "I was updated" }); 
}); 

屬性的div只有當你點擊選中的按鈕將更新。

Answer 2

可以使用jquery .attr() method更改任何屬性。

如果您有在屬性名減號的麻煩，你可以用「」逃避它。 像這樣：

$("#SomeId").attr({ "data-href": "javascript:void(0)", "data-value": "oh hi there!" });