显示与多个选定数据属性匹配的元素

// 获取所有需要筛选的元素
var elements = document.getElementsByClassName('filterable');

// 定义筛选条件
var filters = {
  color: 'red',
  size: 'large',
  price: 'high'
};

// 遍历元素并筛选
for (var i = 0; i < elements.length; i++) {
  var element = elements[i];
  
  // 判断元素是否满足所有条件
  if (element.getAttribute('data-color') === filters.color &&
      element.getAttribute('data-size') === filters.size &&
      element.getAttribute('data-price') === filters.price) {
    // 显示元素
    element.style.display = 'block';
  } else {
    // 隐藏元素
    element.style.display = 'none';
  }
}