最近的一个项目中需要用tablesorter.js在前台对IP地址进行排序，如下：
$(function(){
    $("#device").tablesorter({
  	     headers: {
  		       0: {sorter: "ipAddress"}
  	     }
    });
})

但是排序的结果始终不正确，跟踪了下代码后发现是由于<td>中的超链接符号<a>和<div>造成的，表格代码大致布局如下：
<td>
   <div>...</div>
   <div>
       <a href="#">IP地址</a>
   </div>
</td>

tablesorter是读取<td>中的HTML来进行排序的，所以此时就要对<td>中的内容进行筛选并得到需要排序的数据（IP地址），这里就要用到textExtraction方法了，代码如下：
$(function(){
    $("#device").tablesorter({
  	    headers: {
  		   0: {sorter: "ipAddress"}
  	    },
        textExtraction: function(node) {
            //此处进行筛选操作，考虑到兼容性，要对IE和FF分别筛选
            if(navigator.userAgent.indexOf("MSIE") > 0) {
                 //...
            } else {
                 //...
            }
        }
  });
})

更简单的方法就是在<td>中加入<input type="hidden" value="值"/>，再从该标签中获取要排序的值

node.childNodes[index].innerHTML
node.childNodes[index].childNodes[index].innerHTML