Javascript jQuery只选择一项

我试图在一系列div和span中选择一个h3包装。当我成功地在同一个div之后添加了一个div时，jQuery只选择其中一个项而不是全部来修改它们

---

结果可以在这里看到：视频中的COPD预防和管理营养科学计数器已被修改，而不是其他计数器…

我的问题的解决方案在@Juhana的评论中找到。事实上，我试图修改一个非同步加载的元素，而该元素在页面上还没有出现

 <div class="meta"><span class="element element-counter first last">
     <div style="float: right;" id="realLifeEvidence">
      <h3 style="margin: 0px 8px 0px 0px; font-size: 11px;"><b>2164</b> total views</h3>
      </div>
   <div style="clear:both"> </div></span></div>
  <h1 class="title"> 
  <a href="/videos/real-life-evidence" title="Real-Life Evidence ">Real-Life Evidence </a> 
  </h1>
 <hr class="line">
</div>

---

将代码移动到函数GetYouTubeInfo 3解决了这个问题

请发布您粗略的html结构。如果有您的问题，任何人都不会搜索您的行为。你会在这个问题上寻找什么？那应该是你的头衔。此外，我们要求在您的问题中提供一个最小的可复制示例；不在外部链接中。如果链接后面的内容发生了变化，我们就无法看到它发生变化之前的情况。代码工作正常，只需在浏览器的开发人员控制台中进行测试。那么为什么在一个范围内有一个h3？您正在异步加载内容，因此在尝试设置标题样式时标题还不存在。为什么不将所需的样式放在GetYouTubeInfo函数中？请不要添加“谢谢”作为答案。相反，投票选出你认为有用的答案。@JanAagaardMeier是的，但没有答案。。。只是评论，所以我不能投票赞成答案。我只是想展示一下对我有用的东西。鼓励@Juhana将评论作为答案发布，这样你就可以接受它，也许还可以编辑你的原始帖子来展示答案solution@JanAagaardMeier如果你看看我的评论。我又来了。

 <div class="meta"><span class="element element-counter first last">
     <div style="float: right;" id="realLifeEvidence">
      <h3 style="margin: 0px 8px 0px 0px; font-size: 11px;"><b>2164</b> total views</h3>
      </div>
   <div style="clear:both"> </div></span></div>
  <h1 class="title"> 
  <a href="/videos/real-life-evidence" title="Real-Life Evidence ">Real-Life Evidence </a> 
  </h1>
 <hr class="line">
</div>