Question

如果产品页面上的文字为0.00美元，并且我在此处找到了页脚脚本，我可以切换文本的价格：

http://forum.bigcommerce.com/f4/changing-text-with-javascript-10745/?highlight=javascript

<script type="text/javascript">
$('.ProductPriceRating em:contains("$0.00")').text("Price Updates w/ Option Selction");
$('.ProductPrice:contains("$0.00")').text("Price Updates w/ Option Selction");
</script>

问题是它不适用于类为“.ProductPriceCat em”的类别页面价格。

该网站已经在使用旧版本的JQuery，所以我尽量避免使用它。我希望有一个JavaScript解决方案。

有人可以帮助我吗？

更新 - 这也不起作用：

<script type="text/javascript">
$('.ProductPriceCat.em:contains("$0.00")').text("Call For A Quote!");
</script>

Answer 1

这似乎是对 class 属性的误解;

<span class="foo bar"></span>

表示<span>有两个类foo和bar。 类属性是一个空格分隔的值列表。因此，CSS选择器.foo和.bar都会找到此元素

但是，如果将它们与空格放在一起，则选择器.foo bar实际上意味着

查找看起来像<bar>
的所有<tag class="foo"><bar></bar></tag>

如果你想加入它们，正确的选择器是.foo.bar，这意味着

查找具有类foo和类bar
的所有节点

Answer 2

首先：许多Bigcommerce商店也在类别页面上使用ProductPrice类。

如果您的类别模板符合此类别，请使用：

$('.ProductPrice em:contains("$0.00")').text("Call For A Quote!");

如果您的类别模板使用ProductPriceCat类，请使用：

$('.ProductPriceCat em:contains("$0.00")').text("Call For A Quote!");

您的代码不起作用的原因是您有语法错误。 .ProductPriceCat和em之间应该有一个空格 - 而不是句号。

如果$ 0.00，请使用JavaScript更改BigCommerce类别价格

2 个答案: