具有自定义 html 属性的 JS 事件处理程序
我正在重新审视/学习/忘记我认为我了解的有关自定义属性的知识。我在这里找到的大部分信息都是关于它们是否“可接受”的讨论，但我还没有看到对我的问题的讨论：
如果您有一个由公共事件处理程序处理的元素集合（例如图片缩略图版本的集合，或者单击时将填充主产品详细信息面板的产品详细信息缩略图），如果这不是有效的方法，那么在不使用自定义属性的情况下执行此操作的首选方法是什么？
假设您想要一个将参数传递给 Web 服务的 onclick 处理程序，并且您将该参数存储在属性“productDetail”中，例如：
您希望对沙发页面上的每个缩略图执行此操作。
如果不这样做，更好的方法是什么？
I am revisiting/learning/unlearning what I thought I knew about custom attributes. Most of the information I've found here is a discussion of whether they are 'acceptable' or not, but I haven't seen a discussion of my question:
If you have a collection of elements to be handled by a common event handler (say a collection of thumbnail versions of pictures, or product detail thumbnails that when clicked would populate a main product details panel), what would be the preferred method of doing this without using custom attributes, if that is not a valid approach?
Say you wanted an onclick handler that would pass a parameter to a web service, and you were storing that parameter in an attribute "productDetail", e.g:
<img src="couchthumb.jpg" productDetail="couch_95" />
And you wanted to do this for each of the thumbnails on your couches page.
What is the better approach if not to do it this way?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在 HTML 5 中，您可以使用“data-”属性：
该表单的所有属性都是有效属性（在 HTML 5 中）。
另一种方法（如果您担心做“正确”的事情，无论这对您意味着什么）是使用“class”属性来处理类似的事情：
您的代码必须使用正则表达式或其他东西来提取值。
In HTML 5, you can use "data-" attributes:
All attributes of that form are valid attributes (in HTML 5).
Another approach (if you're concerned about doing things "right", whatever that means to you) is to use the "class" attribute for things like that:
Your code would have to pull the value out with a regex or something.