更改自定义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!" });