javascript - 查找并更改主页 url 之后的部分 url

Question

Shopify 正在将网址中几乎所有地方的产品标签中的点切换为破折号。除非您添加自定义过滤器，否则它会拉出带有点而不是破折号的原始标签，这会导致在选择包含点的标签后进行过滤时出现 404。

我想使用 JQ 查找主页 url 后的 url 中的点并将其切换为破折号。谷歌并没有多大帮助。

所以，假设有一个 ul

 <ul>
 <li><a href="http://www.whatever.com/something/tag.with></a></li>
 <ul>

如何在 jq 的帮助下找到“something/tag.with”？

附:如果有人能指出我如何将点更改为破折号，我将非常感激。但只要找到它也会有很大帮助。

谢谢!

编辑:

<div class="collection-name">
      <a href="/collections/wool/test.dot" title="Wool"><i class="check-icon"></i> Wool</a>
    </div>

还有这一段jquery

$(document).ready(function(){
$("div.collection-name a").each(function(){
  this.href = this.href.replace('yarn/', '');
});
$("div.collection-name a").get(0).pathname.replace('.', '-');
})

我尝试添加另一个 this.href = this.href.replace。没用计算出的 href 仍然呈现为 html://whatever.com 等，因此请按照上面所见使用它。所以，是的...这两个都不起作用

Answer 1

首先按照TML所说获取值，然后使用正则表达式模式调用string.replace方法

var oldurl = $('ul>li>a').get(0).pathname;var newurl = oldurl.replace(/./i,"-");

替换行也应该像下面一样工作(尽管未经测试)

var newurl = oldurl.replace('.','-');