Jquery CSS选择器匹配更多具有相同id的项目

我正在使用Razor和部分视图在我的MVC项目中创建读取电子邮件功能。我正在模拟一个标签导航，通过我的网站，在一个时刻可能会出现同一视图（我想阅读的电子邮件内容）的多个实例，如下所示

<div id="MainContainer" class="contentBg">
     <div id="d2773254">
          <div id="divEmail"> .... </div>
     </div>
     <div id="d2342353" style="display:none">
          <div id="divEmail"> .... </div>
     </div>
     ...
</div>

.... 
.... 
...

我的css选择器只引用“divEmail”和该div的所有子项。当页面中有多个HTML项与选择器匹配时，就会出现问题

我还尝试将新div预先设置为页面顶部的第一个匹配项。它适用于80%的情况，这就是为什么我在寻找解决这个问题的方法。我想更改所有选择器（添加顶级选择器$（'#divEmail'）.parent（）），以确保匹配的HTML元素是唯一的

还有别的解决办法吗？

---

非常感谢

在任何情况下，您都不能使用同一ID两次。因此，如果你这样做，行为可能是完全随机的

---

在您的情况下，请改用

class=“divEmail”

。

在任何情况下，您不得两次使用同一ID。因此，如果你这样做，行为可能是完全随机的

---

在您的情况下，请使用

class=“divEmail”

。

只是一个建议：不要对多个元素使用相同的ID。元素ID在整个文档中应该是唯一的。我的示例中的d2773254和d2342353是添加到MainContainer div中的同一个实例（操作的结果->部分视图）。我需要的只是一种新方法。只是一个建议：不要对多个元素使用相同的ID。元素ID在整个文档中应该是唯一的。我的示例中的d2773254和d2342353是同一个实例（操作的结果->局部视图）这已添加到我的MainContainer div中。我只需要一种新方法。我知道，但主导航中的此更改似乎出乎意料，我正在搜索快速解决方案。我知道，但主导航中的此更改似乎出乎意料，我正在搜索快速解决方案。