是否可以在HTML类属性中传递参数？

Question

我希望能够将某些信息嵌入到HTML元素（图像）中，而不会破坏有效的HTML标记。以下是有效的HTML吗？

<img src="..." class="isearcher:tags(paris+hilton,gary+suneese)" >

希望后者在javascript / jQuery中使用正则表达式提取它。

Answer 1

格式略有不同，但有专门针对此的插件，the metadata plugin。格式看起来像这样（对于一个数组，这似乎是最有用的...只是想想JSON）：

<img src="..." class="isearcher {tags : ['paris hilton', 'gary suneese']}" >

以下是使用插件获取数据的示例：

var data = $("img").metadata();
data.tags        // this is an array with both tags
data.tags.length // 2
data.tags[0]     // "paris hilton"

You can try it out here

如果您使用的是HTML5 take a look at data attributes，那么它们现在可以使用但在HTML5中有效（您列出的一个问题）只用于某种事情。如果你想在那里存储复杂的东西，例如数组，对象等...元数据插件也涵盖了这些。