使用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将属性“colorscheme”更改为colorscheme =“dark”，并将“data-header”更改为data-header =“false”等等等等。

当点击按钮或图像或某种其他类型的动作时，需要进行这些更改...我可以将动作部分放下来，如果你愿意，我将如何调用这些特定变量。

我还需要帮助更改所有其他数据，例如data-href，data-width和data-show-faces

提前谢谢！

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!" });