Question

我希望能够按照不同的标准对我的网页上的内容进行排序（例如：按价格和名称）。

我希望结果如下：http://www.pccasegear.com/index.php?main_page=index&cPath=7

我正在使用静态html，项目列表没有以任何方式调用到页面，我不希望使用任何类型的数据库。

我将使用的代码与此类似：

<div class="product">
  <div class="name">
    <p>Product 1</p>
  </div>
  <div class="price">
    <p>$1.00</p>
  </div>
</div>

Answer 1

sort

尝试price

$('div.price').map(function () {
   return {val: parseFloat($(this).text(), 10), el: this.parentNode};
}).sort(function (a, b) {
   return a.val - b.val;
}).map(function () {
   return this.el;
}).appendTo('body');

演示 Sort by price

在modification之后sort name $('div.name').map(function () { return {val: $.trim($(this).text()), el: this.parentNode}; }).sort(function (a, b) { return a.val > b.val; }).map(function () { return this.el; }).appendTo('body');也可以，

{{1}}

演示 Sort by name

按指定条件对页面上的项目排序

1 个答案: