javascript - 使用 JavaScript 将 HTML 插入标签

Question

目前，我在尝试访问代码中 h4 元素内的元素时遇到了 JavaScript/jQuery 问题。我这样做是因为我想动态地向用户显示每个“h4”部分中有多少可用指南。对于 PC 部分，它应显示“4 个可用评论”，对于 Xbox One 部分，它应显示“3 个可用评论”。然而，两者都说“可用评论”，我假设这是因为我没有正确使用 jQuery 函数。 HTML 代码如下:

  <h4><li class="console">PC (<span class="number"></span> reviews available)</li></h4>
  <div class="gameList">
      <ul>
          <li class="game"><a href="#">Guide #1</a></li>
          <li class="game"><a href="#">Guide #2</a></li>
          <li class="game"><a href="#">Guide #3</a></li>
          <li class="game"><a href="#">Guide #4</a></li>
      </ul>
  </div>
  <h4><li class="console">Xbox One (<span class="number"></span> reviews available)</li></h4>
  <div class="gameList">
      <ul>
          <li class="game"><a href="#">Guide #1</a></li>
          <li class="game"><a href="#">Guide #2</a></li>
          <li class="game"><a href="#">Guide #3</a></li>
      </ul>
  </div> 

这是 jQuery/JavaScript 代码:

$("h4").each(function() {
    var node = $(this).children().children(); // gets node that has "number" class  
    var count = $(this).next().children().children().length; // gets number of li tags
    node.innerHTML = count;
});

我通过使用 JavaScript 的警报功能测试了是否正确获取了正确的节点和计数，但由于某种原因，node.innerHTML = count 无法在元素中正确显示“content”的内容。相反，它只是显示空白。有谁知道为什么吗？

Answer 1

它是一个 jquery 对象而不是 DOM 对象..使用这个...

node.html(count);