html - 根据 URL 变量过滤 HTML 内容

Question

我正在寻找一种可以根据 URL 中的变量隐藏特定 HTML 内容的方法。

例如，我正在传递一个变量:index.html?app=new

我有各种图像和其他具有 prod 属性的内容，我想仅显示那些具有"new"prod 值的内容。

<img prod="new" class="image" src="../images/screen.png" height="300" width="600"/>

我使用以下方法获取 url 变量:

<script>  
  function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,
    function(m,key,value) {
    vars[key] = value;
    });
    return vars;
  }
</script>

我的问题是从这里去哪里

Answer 1

我认为这条 CSS 规则将为您带来神奇的效果:

[prod]:not([prod=new]) { display:none; }

它将隐藏所有具有“prod”属性且其值不是“new”的元素。