求大神，怎么用jQ实现价格筛选价格，又高到低这样排列？

html: <input type="button" value="价格又高到低筛选" />
<ul>
<li>a 200元</li>
<li>b 500元</li>
<li>c 300元</li>
<li>d 300元</li>
</ul>
求大神，怎么用jQ实现价格筛选价格，又高到低这样排列？(一点击筛选，价格就可以由高到低进行排序)

<!DOCTYPE html><meta charset=utf-8 />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<input type="button" value="价格又高到低筛选" />
<ul>
<li>a 200元</li>
<li>b 500元</li>
<li>c 300元</li>
<li>d 300元</li>
</ul>
<script>$('input').click(function(){ 'use strict';
$('li').remove().sort( function(a,b) {
return b.textContent.match( /\d+(?=元)/ ) - a.textContent.match( /\d+(?=元)/ );
} ).each( function(i,e) {
$( 'ul' ).append( e );
} );
})</script>

不感兴趣

开通SVIP免广告

顶楼上大神,很好使

排序前:

排序后:

说一个小时候的事，东北冬天非常冷，我和小伙伴们都在外面玩，我突发奇想对其中一个说，你不敢用舌头舔大门（铁的），他说我敢。然后真的舔了，然后就粘上了，收不回来了，开始哭，另外一个小朋友就把他妈叫来，二话没说就掏出火柴考试烤，近了烧舌头，远了不当事，最后也是硬拽下一层皮，哭的伤心。后来我都不好意思去他们家了。

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

12回复贴，共1页

<<返回javascript吧

分享到:

日	一	二	三	四	五	六

求大神，怎么用jQ实现 价格筛选价格，又高到低这样排列？

扫二维码下载贴吧客户端

求大神，怎么用jQ实现价格筛选价格，又高到低这样排列？