商品の価格順に並べる

Question

私はウェブサイトからさまざまな製品を注文しようとしていますが、正しく行うことはできません。

基本的に私はそれぞれの価格を取得し、最も高価なものから最低のものへと注文する必要があります。

私は、次のコードを試みたが、それはすべてを消滅し、正しい方法でそれらを注文しませ保つ：

var divList = $(".block-level.h2"); 
divList.sort(function(a, b){ 
    return $(a).data(".block-level.h2")-$(b).data(".block-level.h2") 
}); 
$(".grid").html(divList); 

それがコードIで行う必要がありますので、私はHTMLを変更するアクセス権を持っていません今はjQueryでのみ追加できます。

誰かに私に助言をしたり、助けてくれますか？

ありがとうございます。

Answer 1

商品のグリッドアイテムを並べ替えることをご希望の場合は、jQueryコードをご利用ください。

var values = []; 
$('.block-level.h2').each(function() { 
    var temp = Array(); 
    temp['value'] = parseInt($(this).html().replace('$','')); 
    temp['element'] = $(this).closest('.grid-item'); 
    values.push(temp); 
}); 
values.sort(function(a,b) { return b.value - a.value; }); 
var sortedHtml = ''; 
$.each(values, function(index, obj) { 
    if((index+1)%3==1) { 
     sortedHtml+=('<div class="grid product-cards__row"><div class="grid-item one-third palm-one-whole product-cards__item">'+$(obj.element).html()+'</div>'); 
    } else if((index+1)%3==0) { 
     sortedHtml+=('<div class="grid-item one-third palm-one-whole product-cards__item">'+$(obj.element).html()+'</div></div>'); 
    } else { 
     sortedHtml+=('<div class="grid-item one-third palm-one-whole product-cards__item">'+$(obj.element).html()+'</div>'); 
    } 
}); 
$('.product-cards').html(sortedHtml); 

これが役に立ちます。

Answer 2

あなたは上記のコードで

var values = Array(); 
$('.block-level.h2').each(function() { 
    values.push(parseInt($(this).html().replace('$',''))); 
}); 
values.sort(function(a, b){return b-a}); 

次コード - ことによって、これを達成することができます - 主な問題は、その存在しない要素aで名前data-.block-level.h2を持つ属性を検索しようとしているので$(a).data(".block-level.h2")です。それが空の結果をもたらすのです。