隐藏具有数值范围的所有CSS类

有没有一种方法可以使用CSS将类名为数字范围的DOM元素作为目标？我有多个具有相同类名的DOM元素，我想隐藏除第一个实例之外的所有DOM元素

e、 g

然后只显示每个唯一类名的第一个实例

e、 g

需要注意的是，我现在不知道类名是什么，所以我不能在CSS文件中手动键入它们

---

我使用较少的CSS，因此使用函数可能会起作用。

您需要一个前缀来选择和过滤所有类。在这个问题中，我添加了前缀是

'id-'

添加css

.hidden{
  display: none;
}

添加js

var container = document.getElementsByTagName('div');
var prefix = 'id-';
var kw = '';
for(var i = 0; i < container.length; i++){
  var currentClass = container[i].classList[0];
  if(currentClass.indexOf(prefix) > -1){
    if(kw === currentClass){
        console.log(currentClass);
        container[i].className = currentClass+" hidden";
    } else{
      kw = currentClass;
    }
  }

}

var container=document.getElementsByTagName（'div'）；
变量前缀='id-'；
var-kw=''；
对于（变量i=0；i-1）{
如果（千瓦===电流等级）{
console.log（currentClass）；
容器[i].className=currentClass+“隐藏”；
}否则{
kw=电流等级；
}
}
}

您需要一个前缀来选择和过滤所有类。在这个问题中，我添加了前缀是

'id-'

添加css

.hidden{
  display: none;
}

添加js

var container = document.getElementsByTagName('div');
var prefix = 'id-';
var kw = '';
for(var i = 0; i < container.length; i++){
  var currentClass = container[i].classList[0];
  if(currentClass.indexOf(prefix) > -1){
    if(kw === currentClass){
        console.log(currentClass);
        container[i].className = currentClass+" hidden";
    } else{
      kw = currentClass;
    }
  }

}

var container=document.getElementsByTagName（'div'）；
变量前缀='id-'；
var-kw=''；
对于（变量i=0；i-1）{
如果（千瓦===电流等级）{
console.log（currentClass）；
容器[i].className=currentClass+“隐藏”；
}否则{
kw=电流等级；
}
}
}

请阅读问题的最后第二段。是的，但如上所述，我不知道通过PHPI生成的类名是什么，因为我编辑了我的帖子。请检查一下。只有当你确定类名的前缀读了问题的最后第二段时，它才起作用。是的，但如上所述，我不知道这些类名将是什么，因为它们是通过PHPI生成的。我编辑了我的帖子。请检查一下。只有当你确定类名的前缀是完全随机的数值，或者它们实际上都以1开头时，它才起作用？作为一个群体，数值还有什么独特之处吗？是的，范围可能在1到300000之间。它基于一个有很多行的MySQL表中的Id字段。

div[class^=“Id-”]

将使用以

Id-

开头的类属性值来针对所有元素，以防这只适用于数字。Awesome。谢谢你，迈克尔。那么，如何显示每个唯一类的第一个实例呢？Div[class^=“id=”]：第一个孩子？@Michael_B:这些数值是完全随机的，还是实际上都以1开头？作为一个群体，数值还有什么独特之处吗？是的，范围可能在1到300000之间。它基于一个有很多行的MySQL表中的Id字段。

div[class^=“Id-”]

将使用以

Id-

开头的类属性值来针对所有元素，以防这只适用于数字。Awesome。谢谢你，迈克尔。那么，如何显示每个唯一类的第一个实例呢？Div[class^=“id=”]：第一个孩子？@Michael\u B: