2011-07-13 11 views
1

こんにちはすべて可能です。jquery filter from highest number desc

私はjqueryフィルタを設定したいと思っています。このように以下のフィルタをフィルタリングできますか?

<ul> 
<li class="5"> filter</li> 
<li class="6"> filter</li> 
<li class="1"> filter</li> 
<li class="5"> filter</li> 
<li class="2"> filter</li> 
<li class="4"> filter</li> 
<li class="7"> filter</li> 
</ul> 

したがって、フィルタを実行した後に結果が表示されます。

<ul> 
<li class="7"> filter</li> 
<li class="6"> filter</li> 
<li class="5"> filter</li> 
<li class="4"> filter</li> 
<li class="3"> filter</li> 
<li class="2"> filter</li> 
<li class="1"> filter</li> 
</ul> 

ここでは番号でフィルタリングする方法はありません。

<select id="filter" name="filter"> 
<option value="---">---</option> 
<option value="viewed">filter by most viewed</option> 
<option value="liked">filter by most liked</option> 
</select> 

$('#filter').change(function() { 

     var val = $(this).val(); 

     if(val == 'viewed'){ 

       //dont now what to do here is it possibble 

     } 


     return false; 
}); 

おかげ

答えて

1

jqueryの を持つ要素をソートするためhttp://www.onemoretake.com/2009/02/25/sorting-elements-with-jquery/を参照するか、またはあなただけの$('ul').html('')で(<ul>を超えてすべての要素を削除して、javascriptの構造に格納します。その後、ループの要素を通過して、それらを挿入することができjquery .classセレクタを使用してソートクラス番号を取得することができます。

+0

cheers mate sorted – DCHP