如何获取元标记内容值并将其平均[暂停]

作者: 咿呀哟
发布时间: 2024-12-31 07:27:09 (5天前)
转自：

3 条回复

0#
回复此人
甲基蓝 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> </p> <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”> <div class =“snippet-code”> <pre class="snippet-code-js lang-js prettyprint-override"> <code> var aggregates = document.querySelectorAll("[itemprop='aggregateRating'"); var scores = 0; var n = 0; for (var i = 0; i < aggregates.length; i++) { scoreCurr = parseFloat(aggregates[i].querySelector("[itemprop='ratingValue']").getAttribute("content")); nCurr = parseFloat(aggregates[i].querySelector("[itemprop='reviewCount']").getAttribute("content")); scores += scoreCurr; n += nCurr; } alert(scores/n); </code> </pre> <pre class="snippet-code-html lang-html prettyprint-override"> <code> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="35" /> <meta itemprop="reviewCount" content="7" /> </div> <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="42" /> <meta itemprop="reviewCount" content="10" /> </div> </code> </pre> </DIV> </DIV> <P> </p> </DIV>

编辑
1#
回复此人
早岁那知世事艰 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 是的，使用jQuery并不太难。此代码将获取所有元内容，将它们转换为整数，找到平均评级，然后附加一些 <code> HTML </code> 在你的底部 <code> head </code> 元件。 </p> <pre> <code> // first gather all the meta elements with an itemprop value of "ratingValue" var metas = $('meta[itemprop="ratingValue"]').get(); // convert the content values of these elements to integers and put them in an array var ratings = metas.map((m) => ~~m.content); // calculate and round the average rating value var average = ~~(ratings.reduce((a,b) => a + b) / ratings.length + 0.5); // create the HTML for the aggregateRating parent div var aggregateRating = '<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">'; // create ratingValue meta HTML using the average rating var ratingValue = '<meta itemprop="ratingValue" content="average ' + average + '" />'; // create aggregateRating meta HTML using the rating count var reviewCount = '<meta itemprop="reviewCount" content="' + ratings.length + ' reviews" />'; // combine these strings and a closing tag, then append the HTML to the end of head $('head').append(aggregateRating + ratingValue + reviewCount + '</div>'); </code> </pre> <P> 或者你甚至可以使用伯纳德方法 </p> <pre> <code> $('head').append(['<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">', '</div>'].join([ ['ratingValue', 'average ' + ~~((r = $('meta[itemprop="ratingValue"]').get().map((m) => ~~m.content)).reduce((a, b) => a + b) / r.length + .5)], ['reviewCount', r.length + ' reviews'] ].map((a, b) => ['<meta itemprop="', '" content="', '">'].map((c, d) => [c, a[d]]))).replace(/,/g, '')); </code> </pre> </DIV>

编辑

登录后才能参与评论