HTML单元格DOM获取属性值-排序table.js

Question

我正在尝试让sorttable.js从一个自定义tr属性"sort_value“中读取值。

<table>
    <thead>
        <tr>
            <th class="sort_string">Name</th>
            <th class="sort_int">Age</th>
            <th class="sort_int">Date of Birth</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>Adam</td>
            <td>22</td>
            <td sort_value="19930403">April 3 1993</td>
        </tr>
        <tr>
            <td>Matt</td>
            <td>20</td>
            <td sort_value="19950220">Feb 20 1995</td>
        </tr>
        <tr>
            <td>Josh</td>
            <td>25</td>
            <td sort_value="19900730">July 30 1990</td>
        </tr>
        <tr>
            <td>Kent</td>
            <td>27</td>
            <td sort_value="19880322">March 22 1988</td>
        </tr>
    </tbody>
</table>

这是jsfiddle：http://jsfiddle.net/zz4mugen/6/

除了出生日期这一栏之外，一切都很完美。请看一下jsfiddle的.js。它在外部资源列中。

Answer 1

您正在使用自定义属性，但名称无效。自己的属性必须以data-开头。请参阅官方文档：http://www.w3.org/TR/html5/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes

下面是一个有趣的博客，介绍了如何对表格中的不同类型的值进行排序，例如不同地区的数字、文本、货币和日期。

https://yoast.com/articles/sortable-table/#example