在foreach jquery中指定元素

Question

我正在尝试使用 .each 函数将搜索结果页面上每个产品的印象推送到 dataLayer 中。我很难弄清楚如何在我的 foreach 中指定 $(this) 元素。我不确定这是做我想做的最好的方法，所以如果有人有更好的方法，请告诉我:)

希望我说得通！ 谢谢！

<script>
 $(function () {
            $(".result-price-carpark-name span, .result-price-actual").each(function(index) {
            console.log( index + ": " + $( this ).text() );
            var carpark = $(this).text(); //How to specify its $(this) inside the .result-price-carpark-name span??
            var price = $(this).text(); //How to specify its $(this) inside the .result-price-actual??
            
             dataLayer.push({
            'ecommerce': {
            'currencyLocal': 'USD',
            'impressions': [{
            'name': carpark,
            'id': carpark,
            'price': price,
            'category': carpark,
            'list': 'ParkAstro',
            'position': ''
            }]
            }
            })
            })
        });

</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="result-prices-item">
<div class="result-price-carpark-name"><span>PARK1</span></div>
<div class="result-price-actual">22</div>
</div>

<div class="result-prices-item">
<div class="result-price-carpark-name"><span>PARK2</span></div> 
<div class="result-price-actual">22</div>
</div>

<div class="result-prices-item">
<div class="result-price-carpark-name"><span>PARK3</span></div> 
<div class="result-price-actual">22</div>
</div>

Answer 1

如果您想遍历每个停车场项目，那么您需要遍历每个停车场项目（即，不是子项）。然后，在该循环中，您可以使用可选的context parameter 获取子项（也就是该特定项目的名称和价格）。

$(".result-prices-item").each(function() {
    $('.result-price-carpark-name', this).text();
    $('.result-price-actual', this).text();
});

等等