对于作为多个类的成员的元素，更好的HTML注释实践

Question

这与相当的问题不同于许多其他可能类似的问题。

考虑一个充满可排序列的表。访问者想要的升序/降序排序顺序保留在列<span>的{​​{1}}中。当用户要求排序时，JavaScript代码引用<th>;当用户切换排序顺序时，代码会更改<span>的内容。

考虑到代码和HTML，以这种方式注释<span> <span>部分的“更好”（更干净，更友好，更简洁，更好看）的做法是：

<th>

或者这样：

<span class="sortorder"><span class="ascending">content</span></span>

第一种方法使代码更容易追踪列的排序顺序。第二种方式解决了很多错误的HTML。在我看来。

谢谢！

Answer 1

您尝试做的似乎是将key = value对添加到“此排序顺序为'升序'”的元素中。为此，我使用HTML5 data attributes：

<span data-sort-order="ascending">…</span>

它们应该是向后兼容的，jQuery应该能够使用.data()在他们支持的任何浏览器上查找/阅读它们。