添加属性Jquery数据类型字符串+变量

Question

我有一个名为vp_height的变量，我希望将其作为数据变量放置，因为这样做会引发错误。

var vp_height = viewportSize.getHeight();

//Sample Data
$(".carol").attr({
    "data-" + vp_height : "width:50%;"
});

这是错误

它应该在前端看起来像这样。 （视觉呈现）

<div class="staff-container carol" data-667="width:50%;"></div>

这个东西的任何解决方案？

Answer 1

您可以使用：

$(".carol").attr("data-" + vp_height, "width:50%;");

<强> Fiddle Demo

Answer 2

您可以使用接受键和值的.attr（）格式而不是接受对象的格式

$(".carol").attr("data-" + vp_height, "width:50%;");

---

如果要创建具有可变键的对象，则

var obj = {};
obj["data-" + vp_height] = "width:50%;";
$(".carol").attr(obj);

Answer 3

使用.data()方法设置数据属性：

$(".carol").data(vp_height, "width:50%;");

Answer 4

试试这个

$(".carol").attr("data-" + vp_height, "width:50%;");