Javascript A数据表中的排序工作不正常

在我的第一个专栏中有以下html。它显示一个图标和一个定位标记

     <tr class="even">
        <td class=" sorting_1">
            <span data-sortvalue="0">
               <img title="icon" src="icon.png">
               <a href="path to page" title="0">0</a>
            </span>
       </td>
     </tr>

     <tr class="odd">
        <td class=" sorting_1">
             <span data-sortvalue="1">
               <img title="icon" src="icon.png">
               <a href="path to page" title="1">1</a>
             </span>
        </td>
     </tr>

     <tr class="even">
         <td class=" sorting_1">
             <span data-sortvalue="2">
               <img title="icon" src="icon.png">
               <a href="path to page" title="2">2</a>
             </span>
         </td>
     </tr>
....................
...................
...................

....................
...................
...................

我正在使用

aaSorting[0，'asc']

在chrome中，如果列按升序或降序排序，则

0

值始终位于顶部。所有剩余的值都将相应地进行排序

---

在firefox中，排序完全被打破

span标签上用于排序的数据属性需要位于td标签上。它们也应改为“数据排序”或“数据顺序”

退房

...
...

 <tr class="even">
    <td class=" sorting_1" data-sort="0">
        <span>
           <img title="icon" src="icon.png">
           <a href="path to page" title="0">0</a>
        </span>
   </td>
 </tr>
 ...
 ...