Google Tag Manager css选择器可获得第三个跨度的值

Question

如何在此示例中从第三个范围获得93的值？

<div class="rating-result">
<span>
<span>
<span itemprop="ratingValue">93</span>% of <span 
itemprop="bestRating">100</span>
</span>
</span>
</div>

我尝试过这样的事情，但都不起作用：

div.rating-result＆gt; span＆gt;跨度 要么 div.rating-result＆gt;跨度：第n个孩子（3）

Answer 1

使用

var el=document.querySelector('span[itemprop=ratingValue]').textContent;

你的结果（93）是el变量。 使用tis行，您可以使用属性itemprop获取所有跨度，该属性将增加值ratingValue。 carrefull document.querySelector（＆＃39; span [itemprop = ratingValue]＆＃39;）只能返回第一次出现。

Answer 2

如果您使用的是jquery，则可以使用以下方式获取文本93。

$("div.rating-result span[itemprop='ratingValue']").text()

或

$("div.rating-result > span > span > span:first-child").text()

＆＃13;

＆＃13;

console.log($("div.rating-result > span > span > span:first-child").text());

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="rating-result">
<span>
<span>
<span itemprop="ratingValue">93</span>% of <span 
itemprop="bestRating">100</span>
</span>
</span>
</div>

＆＃13;

＆＃13;

＆＃13;