Question

我们已经在网站上用图片替换文字，但由于我们正在运行的平台而遇到了一些问题 - 这是专有的并提供有限的访问权限。

我们的目标是用图片替换价格，仅适用于此特定品牌及其中的所有商品。

似乎形成某种表达式来查看当前的URL，然后它是否适合用图像替换文本。

这是有效的思考，如果是这样，我该如何去做？

Here is a link to a sample product属于'KW Suspension'品牌;

Answer 1

您可以访问location.href，它会返回当前Windows网址的字符串，您可以使用正则表达式匹配来查看该品牌是否在您的网站中。然后，您可以执行替换以替换定价范围：

var matcher = new Regexp(/kw_suspension/);
if(x.test(location.href){
  $('#ctl00_MainContentPlaceHolder_YourPriceLabel').replace(better html here);
}

上面只是简单地看看kw_suspension是否在url中，然后用其他东西替换价格的span。

Answer 2

是的，这不应该太难，

<script>

    $(document).ready(function(){
        if ( /.*\/kw_suspension\/.*/i.test(location.href) ) {
              $(".yourprice").html("<img src='myimg.png' />");
        }
    });

</script>

您也可以将其更改为使用正则表达式进行检查，只需更改（）中的内容即可符合您的条件。

修改

添加了周围的代码，并按照OP的建议更改为regexp。

Answer 3

您可以使用indexOf查看该网址是否包含您的关键字。

$(document).ready(function(){
    var urlString =  location.href; //get URL string

    if( urlString.string.indexOf("kw_suspension") != -1){
       $('div.yourprice').empty().html('<img src="/path/to/image.jpg" />');
    }
});

根据页面URL替换页面上的文本

3 个答案: