Javascript 按单元格内容以外的值对列进行排序

我使用的是jQuery DataTables，其中有一列如下所示：

<td><span class="badge"> 123 </span>  <span> customer name </span></td>

123客户名称

i、 首先，我输入一些数字（ID），然后是我想要排序的实际名称

---

如何告诉jQuery DataTables按客户名称正确排序？

在

td

元素上使用

data order

属性，如中所示

123
客户名称

您可以使用jQuery来实现这一点

<table id="example" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>12</td>
            <td data-search>Paul</td>
        </tr>
        <tr>
            <td>13</td>
            <td data-search>Nickson</td>
        </tr>
    </tbody>
 </table>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf8" src="jquery.dataTables.min.js"></script>
<script>
     $(document).ready(function() {
         $('#example').DataTable();
     } );
</script>

身份证件
名称
12
保罗
13
尼克森
$（文档）.ready（函数（）{
$（“#示例”）.DataTable（）；
} );

---

在包含jquery之后，必须添加jquery.dataTables.min.js。你可以找到更多关于这一点的信息

为什么不把“customer name 123”这样的格式写下来，我认为没有一种简单的方法可以像你以前那样做，但它看起来很糟糕（数字需要对齐）。当我切换td中元素的顺序时，排序确实起了作用。不管怎么说，我更喜欢名字前面的数字。好的，如果你需要的话。。。我想你可以从：，这就是我要找的。现在，我尝试对JSON ajax数据执行相同的操作（针对不同的表）。对于我的DOM表，它确实起作用。

<table id="example" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>12</td>
            <td data-search>Paul</td>
        </tr>
        <tr>
            <td>13</td>
            <td data-search>Nickson</td>
        </tr>
    </tbody>
 </table>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf8" src="jquery.dataTables.min.js"></script>
<script>
     $(document).ready(function() {
         $('#example').DataTable();
     } );
</script>