javascript - 循环 li 项并设置变量以在每个 li 项中执行不同的操作

Question

我想找到页面上的每个特定 LI 元素，查找特定的类，取出该类，对其进行一些更改，然后将它们的值设置为变量。

页面上一次最多有 12 里的商品，每个商品都有不同的“原价”值。我想获取“曾经”的价格并仅在该 li 元素中使用。

这是我到目前为止所拥有的:

js:

jQuery(document).ready(function () {
    jQuery("#productList ul.gridStyle li").each(function () {

        var wasPriceMinusWasRemoval = jQuery('#productList p.was').text().replace(/\u00A3/g, '');
        var wasPrice = wasPriceMinusWasRemoval.replace("Was ", "");
        console.log(wasPrice); // ==> "149.99Was 119.99" (should be just 149.99)
        // generate a specific tag using .attr() dependent on 
        // wasPrice value inside this li element
    });
});

问题是，从这里到哪里去？使用索引？

Answer 1

尝试在 .each() 函数中使用 this 引用，

var wasPriceMinusWasRemoval = jQuery('p.was',this).text().replace(/\u00A3/g, '');