排序嵌套div标签：不期望的结果

Question

我有这样的代码在我的XSLT文件：

<div class="item"> 
    <a href="kala.html">  
     <img alt="">          
      <xsl:attribute name="src"> 
       <xsl:value-of select="/product/image"/> 
      </xsl:attribute> 
     </img> 

     <div class="colors"> 
      <span class="color">colors</span> 
      <span>   
       <xsl:value-of select="/product/color"/> 
      </span> 
     </div> 

     <div class="ratings"> 
      <span class="rating">grades</span> 
      <span class="grade"> 
       <xsl:value-of select="/product/rate"/> 
      </span> 
     </div> 

     <h4> 
      <xsl:value-of select="/product/title"/> 
     </h4> 
     <p> 
      <xsl:value-of select="/product/price"/> 
     </p> 
    </a> 
</div>    

有一些div.item在div#serachResult，现在我想使用的功能，从这个帖子整理这些div.item ：Jquery - sort DIV's by innerHTML of children

function sortUsingNestedText(parent, childSelector, keySelector) { 
    var items = parent.children(childSelector).sort(function(a, b) { 
     var vA = $(keySelector, a).text(); 
     var vB = $(keySelector, b).text(); 
     return (vA < vB) ? -1 : (vA > vB) ? 1 : 0; 
    }); 
    parent.append(items); 
} 

当我试试这个：

sortUsingNestedText($('#searchResult'), "div.item", "span.grade"); 

未获得所需的结果，并且div.item被随机排序。谁能帮我？提前致谢。

Answer 1

是啊，我解决我的问题与外接parseFloat在sortUsingNestedText功能：

var vA = parseFloat($(keySelector, a).text()); 
var vB = parseFloat($(keySelector, b).text());