用jQuery更改自定义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将属性“change”更改为colorscheme="dark“，并将”data“更改为data=”false“等等。

当单击按钮或图像或其他类型的动作时，这些更改将发生.我可以得到行动部分--如果你愿意的话，我将如何呼吁改变这些具体的变量。

我还需要帮助更改所有其他类型的数据-href、数据宽度和数据显示面。

非常感谢，提前！

Answer 1

首先，您应该编写单击事件的按钮或图像，如

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

属性只在单击所选按钮时才会更新。

Answer 2

您可以使用jquery .attr()方法更改任何属性。

如果属性名中的减号有问题，可以用"“来转义。如下所示：

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