与部分ID CSS选择元素(CSS select elements with partial id)

2019-06-21 06:42发布

我有PHP产生的一些元素,我想知道是否有可能与一个不完整的ID,例如选择一个元素:

<div class="1" id="as_1"> ... </div>
<div class="2" id="bs_1"> ... </div>

<div class="1" id="as_2"> ... </div>
<div class="2" id="bs_2"> ... </div>

该类被用于他们所共有的东西,但现在我需要逐一选择,但我不知道整个ID名称。

我可以使用类似:

#as_{ ... }
#bs_{ ... }

Answer 1:

没有与ID选择,因为它们需要完整的ID名称,但子属性选择 :

div[id^="as_"]
div[id^="bs_"]

但你的元素有一个class属性,无论如何,为什么不是一个普通类添加到每个组元素,并通过该类选择,使事情变得更简单? 你应该能够确定使用PHP作为你生成ID的分组类。



文章来源: CSS select elements with partial id