0

如果带有我在此处找到的页脚脚本的产品页面上的文本为 0.00 美元，我能够切换文本的价格：

http://forum.bigcommerce.com/f4/changeing-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>
4

2 回答 2

0

这似乎是对类属性的误解；

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

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

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

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

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

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

于 2013-08-21T15:39:54.140 回答
0

第一：许多 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 之间应该有一个空格，而不是句号。

于 2013-08-22T04:19:41.343 回答