對於屬於多個類的成員的元素，更好的HTML註釋練習

Question

這不是相當於與許多其他類似的問題相同。

考慮一張充滿了可排序列的表。訪問者想要的升序/降序排列順序保存在<span>列<th>中。當用戶調用排序時，JavaScript代碼指的是<span>;並且該代碼會在用戶切換排序順序時更改<span>的內容。

同時考慮代碼和HTML，是「更好」（清潔劑，JS-友好，更簡潔，更好看的）做法註釋<th>的<span>部分是這樣的：

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

或者這樣：

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

第一種方式使代碼更容易追蹤列的排序順序。第二種方式擺脫了很多垃圾的HTML。就我看來的。

謝謝！

Answer 1

看起來你想要做的是將一個key = value對添加到表示「排序順序是'升序'」的元素。爲此，我會使用HTML5 data attributes：

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

他們應該是向後兼容和jQuery應該能夠發現/他們支持使用.data()任何瀏覽器閱讀。