javascript - 为每个 DIV 实例重复文本 block

Question

我试图在我的 Tumblr 主题中的每个帖子之后显示文本，并且 javascript 在 jsfiddle 中工作，但当我将其包含到主题中时则不行。我错过了什么吗？

http://jsfiddle.net/KP3uw/70/

HTML

<div id="wrapper">
    <div class="post">
        <div class="stat-wrap"></div>
    </div>
    <div class="post">
        <div class="stat-wrap"></div>
    </div>
    <div class="post">
        <div class="stat-wrap"></div>
    </div>
    <div class="post">
        <div class="stat-wrap"></div>
    </div>
    <div class="post">
        <div class="stat-wrap"></div>
    </div>
    <div id="counter"></div>
</div>

JAVSCRIPT

  /*global */

  function statwrap() {
      var count;
      var counter;
      var bob;
      count = document.getElementsByTagName('div').length;
      counter = document.getElementById('counter').innerHTML = count;
      bob = document.getElementsByClassName('stat-wrap');
      var i;
      for (i = 0; i < counter; i++) {
          bob[i].innerHTML = "jkfdgdff14";
      }
  }
  window.onload = statwrap();

这是我的 tumblr 主题，顺便说一句，我已将 javascript 粘贴到其中。 (http://lgbtvee.tumblr.com/)我已经尝试了上面的</head>和</body>结束标签，但它在任何地方都不起作用。

Answer 1

我认为你把这种方式变得复杂了。

尝试使用 jQuery 并使用append() 函数:

$( ".stat-wrap" ).append( "<p>Test</p>" );

示例:

http://jsfiddle.net/KP3uw/74/