使用jquery排序按两个数据属性对元素进行排序

// HTML结构
<div class="item" data-price="10" data-rating="4">Item 1</div>
<div class="item" data-price="5" data-rating="3">Item 2</div>
<div class="item" data-price="8" data-rating="5">Item 3</div>
<div class="item" data-price="3" data-rating="2">Item 4</div>

// jQuery代码
$(document).ready(function() {
  // 获取所有元素
  var items = $('.item');

  // 使用.sort()方法对元素进行排序
  items.sort(function(a, b) {
    // 获取元素的数据属性值
    var priceA = $(a).data('price');
    var priceB = $(b).data('price');
    var ratingA = $(a).data('rating');
    var ratingB = $(b).data('rating');

    // 按照价格进行排序
    if (priceA < priceB) {
      return -1;
    } else if (priceA > priceB) {
      return 1;
    } else {
      // 如果价格相同，则按照评级进行排序
      if (ratingA < ratingB) {
        return -1;
      } else if (ratingA > ratingB) {
        return 1;
      } else {
        return 0;
      }
    }
  });

  // 将排序后的元素重新添加到页面中
  $('.container').append(items);
});