选择具有 Model.ID 的元素 [重复]答案

【问题标题】：Selecting an element with Model.ID [duplicate]选择具有 Model.ID 的元素 [重复]
【发布时间】：2018-01-22 22:49:45
【问题描述】：

我需要设置这个 div 的样式：

<div id="standings-@pool.PoolId"></div>

如何一次选择所有具有不同 id 的 div？

【问题讨论】：

请添加更多细节。你用的是什么模板？ - 是@pool.PoolId 变量吗？如果是这样，您可以使用[id^=standings-]
你必须使用 JavaScript 或 JQuery。
为每个 div 分配相同的类并设置类的样式
感谢@mplungjan，工作就像一个魅力！

标签： html css css-selectors

【解决方案1】：

如果你的 id standings 子字符串是固定的，你可以使用 css 选择器

div[id^="standings"]

它会选择所有具有包含单词“排名”的 id 属性的元素

堆栈片段

div {
  width: 200px;
  height: 50px;
  margin-bottom: 10px;
  font: 13px Verdana;
  line-height: 50px;
  text-align: center;
}

div[id^="standings"] {
  border: 1px solid #000000;
}

<div id="standings-@pool.1">1</div>
<div id="standings-@pool.2">2</div>
<div>3</div>
<div id="standings-@pool.4">4</div>
<div id="standings-@pool.5">5</div>
<div id="standings-@pool.6">6</div>

【讨论】：

这将匹配每个包含“排名”的 id 属性，而不仅仅是以它开头的那些。
@str 同意...实际上这取决于 OPs 要求...已更新！
@BhuwanBhatt 请在回答之前阅读问题的 cmets。这不仅在您回答前 20 分钟得到了评论，而且还是重复的。