Question

我正在重新审视/学习/忽略我认为我对自定义属性的了解。我在这里找到的大部分信息都是关于它们是否“可接受”的讨论，但我没有看到对我的问题的讨论：

如果您有一个要由公共事件处理程序处理的元素集合（例如，图片的缩略图版本集合，或者点击时会填充主要产品详细信息面板的产品详细信息缩略图），那么首选方法是什么这样做不使用自定义属性，如果这不是一个有效的方法？

假设您想要一个将参数传递给Web服务的onclick处理程序，并且您将该参数存储在属性“productDetail”中，例如：

<img src="couchthumb.jpg" productDetail="couch_95" />

您希望为您的沙发页面上的每个缩略图执行此操作。

如果不这样做，最好的方法是什么？

Answer 1

在HTML 5中，您可以使用“data-”属性：

<img src='couchthumb.jpg' data-product-detail='couch_95'>

该表单的所有属性都是有效的属性（在HTML 5中）。

另一种方法（如果你担心“正确”做事，无论对你意味着什么）是使用“class”属性来做这样的事情：

<img src='couchthumb.jpg' class='productDetail:couch_95'>

您的代码必须使用正则表达式或其他内容来提取值。