html - 如何将其转换为数据属性？

Question

我对数据属性感到困惑，我的任务是将其转换为 html5 有效代码：

<xy:search campaign="campaign-name" width="280px" height="32px">
</xy:search>

这是一个广告，最近我们想验证我们的页面，但这是我无法修复的最后一个错误，因为自定义 dtd 元素。

我不想编写自定义 dtd 文件，是的，这段代码必须完全像更改之前一样工作，他们有这个自定义元素的脚本，所以我只想修改基本代码并将其“翻译”到验证器，因此对于广告商的脚本，该元素必须以某种方式可见/可读。

我认为它可以用html5数据属性解决，但我不知道那个方法......

任何帮助都将不胜感激。

score 1 · Accepted Answer

假设campaign它是您需要转换的唯一属性......它就像附加data-到属性一样简单。这就是数据属性的全部内容。例子：

<xy:search data-campaign="campaign-name" width="280px" height="32px">

然后要访问 jQuery 之类的值，您可以使用.data()：

$("your element").data("campaign"); // getter
$("your element").data("campaign","new value"); // setter

1 回答 1