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

【问题标题】：Code to automatically insert HTML into certain points on the page?自动将 HTML 插入页面上某些点的代码？
【发布时间】：2016-07-10 03:06:31
【问题描述】：

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

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

【问题讨论】：

有可能。它是如何完成的将非常特定于所讨论的 HTML。
@ceejayoz 如果我们使用 AdSense 代码会怎样？
注射什么都没关系。您将不得不编写一些自定义 JS，并将其放入您可以访问的页眉/页脚中。它的作用取决于您尝试影响的页面的 HTML 结构。
哦，对不起，我没明白你的意思。对izzofit.com 之类的页面有什么建议吗？

标签： javascript jquery html code-injection inject

【解决方案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>

【讨论】：

这很好用，谢谢。有没有办法让它只做2或3次呢？另外，有什么方法可以让它跳过一个或两个 div 类，或者将它们均匀地隔开？（因为页面的结构有很多很多相同的 div 类，我需要它才能完美地工作）
这实际上很关键，然后它会绝对完美地工作！
谢谢。问题是，他们都是<div class="region1">...关于如何处理这个问题的任何想法？
哦等等，没关系！它完美地工作！非常感谢！
jquery 不查看类名，它查看的是 DIV 元素，它们都是.. 它遍历它们，每一个奇数的元素最多 3 个它插入新内容。类名就在那里，因为我在那里添加了它们，所以它看起来不会那么重复。

【解决方案2】：

为什么不直接编辑您的代码并使用 PHP 从外部文件手动插入内容？

我认为需要更多信息才能完全理解您为什么要使用当前方法来解决此问题。对我来说，你为什么要这样做，这没有多大意义？

【讨论】：

很抱歉没有提供更多信息——我目前正在调查使用一个对我来说限制太多的平台。例如，我可以进入并修改每个页面并添加 HTML，但我必须逐页、逐个发布。我无法编辑前端所有内容背后的代码。但是，我可以在页眉和页脚中插入代码，这就是我探索这个解决方案的原因。简短：我不能编辑 CSS 和 JS，只能单独编辑页面——不像模板文件——但可以为整个网站的页眉和页脚添加代码。平台=限制