제품 별 주문 가격

Question

다른 제품을 웹 사이트에서 주문하려고하지만 올바르게 할 수 없습니다.

기본적으로 나는 각자의 가격을 알아 내고 가장 비싼 것에서 가장 낮은 것까지 주문해야합니다.

나는 다음 코드를 시도했지만 모든 것을 사라지고 올바른 방법으로 그들을 주문하지 계속 :이 코드 내가 함께 할 수있다, 그래서 나는 HTML을 수정할 수있는 권한이없는

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

이제 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") 함께. 그래서 빈 결과가 나온 것입니다.