javascript - 从 html 代码获取平均评论数 - 从 div 数字中提取数字？

Question

我正在尝试从我的网站中提取特定产品的平均评论数。该号码将用于谷歌丰富的摘要。 问题是该网站不是开源的，所以我只能访问 .tpl 文件。

生成评论星星 html 代码的 php 变量是:$totalstarshtml。

生成的 html 代码如下所示(例如，该产品的评级为 4 颗星 - 4 颗满星和一颗空星:

<div class="FullStar"></div>
<div class="FullStar"></div>
<div class="FullStar"></div>
<div class="FullStar"></div>
<div class="EmptyStar"></div>

我尝试使用“if”条件，但它没有按预期工作:

{if $totalstarshtml == '<div class="FullStar"></div><div class="FullStar"></div><div class="FullStar"></div><div class="FullStar"></div><div class="EmptyStar"></div>'} 4 {/if}

我尝试使用 jquery 对“FullStar”div 类进行计数，但这也没有按预期工作(我将 ratingValue 类添加到丰富的片段微数据范围中):

    <script type="text/javascript">
          $(document).ready(function() {
           var nb = $('div.FullStar').length;
           $("span.ratingValue").html(nb);
        });
  </script>

丰富网页摘要的微数据 html 代码是:

<span itemprop="ratingValue">the average review number here</span>

我还是个新手，可能已经尝试过更多的事情了。

希望有人能帮助我。

Answer 1

如果将脚本内的标签更改为

$("span[itemprop = ratingValue]").html(nb);

参见:https://jsfiddle.net/co309e7u/2/