动作元素选择器：class vs自定义HTML5属性

Question

我觉得有一种主观问题。我有一个动作元素，并希望在绑定事件的代码中引用它，我试图在以下几种声明方式之间作出选择：

1）第一个选项更加简单明了，用于声明和使用：

<a class="play">Play</a> 

('#menu .play').bind('click',...) 

2），但第二个选项明确地显示属性

<a data-action="play">Play</a> 

('#menu [data-action="play"]').bind('click',...) 

我应该选择哪一个（我不打算在CSS中使用的选择，只在JS代码）的目的是什么？

Answer 1

如果你不使用它的风格，我倾向于data-action="play"，因为它更好地描述了目的（行动是戏剧）。但是，如果您打算获取像这样的多个元素并循环播放它们，我会使用class="play"，因为那样您就再次将它们视为一类同类的东西..或者使用这两个， 类获取他们和数据行动来验证，不会出现错误那里。