javascript - 自动将 HTML 插入页面上某些点的代码？

Question

是否有任何代码可以添加到每个页面的页眉中，在页面上的 2 或 3 个点(可能在正文中)插入 HTML，均匀分布？对于我目前正在开发的平台来说，这将是令人惊奇的。

例如，也许您想使用它嵌入视频。理想情况下，我可以将代码放在 header 中，然后在正文中插入 2 到 3 次——均匀分布。

Answer 1

给你:https://jsfiddle.net/westryder907/808xtyq7/

$(document).ready(function() {

  $('.body > div').each(function(i, el) {
    if (i % 3 === 0) {
      $(this).append(" Inserted text via jQuery 2.2");
      if (i > 3) {
        return false;
      }
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="header">
  <div class="body">
    <div class="region1">
      Region1
    </div>
    <div class="region2">
      Region2
    </div>
    <div class="region3">
      Region3
    </div>
    <div class="region4">
      Region4
    </div>
    <div class="region5">
      Region5
    </div>
    <div class="region6">
      Region6
    </div>
    <div class="region7">
      Region7
    </div>
    <div class="region8">
      Region8
    </div>
    <div class="region9">
      Region9
    </div>
    <div class="region10">
      Region10
    </div>
  </div>
</div>