要按多个数据属性对div进行排序，可以使用JavaScript的Array.sort()方法来实现。以下是一个示例代码：

HTML:

  
Apple
  
Banana
  
Orange

JavaScript:

// 获取包含div元素的数组
var divs = Array.from(document.querySelectorAll('#container div'));

// 按多个数据属性进行排序
divs.sort(function(a, b) {
  var priceA = parseInt(a.dataset.price);
  var priceB = parseInt(b.dataset.price);
  var nameA = a.dataset.name;
  var nameB = b.dataset.name;

  // 先按价格升序排列，如果价格相同则按名称升序排列
  if (priceA < priceB) {
    return -1;
  } else if (priceA > priceB) {
    return 1;
  } else {
    if (nameA < nameB) {
      return -1;
    } else if (nameA > nameB) {
      return 1;
    } else {
      return 0;
    }
  }
});

// 更新排序后的div元素的顺序
var container = document.getElementById('container');
divs.forEach(function(div) {
  container.appendChild(div);
});

以上代码首先获取包含div元素的数组，然后使用Array.sort()方法对数组进行排序。在排序函数中，首先根据data-price属性的值进行升序排序，如果价格相同，则根据data-name属性的值进行升序排序。最后，使用forEach()方法将排序后的div元素重新添加到容器中，实现对div的排序。