javascript - 更改每个网址的一部分

Question

网站上有一个网址列表，我需要在每个网址中的主页网址之后切换点。

<div class="collection-name">
      <a href="http://shop.something.net/collections/100-grams/a.s.a.p." title="100 Grams">/collections/madelinetosh/a-s.a.p.</a>
    </div>
<div class="collection-name">\
      <a href="http://shop.something.net/collections/2-stitches/a.s.a.p." title="2 Stitches"><i class="check-icon"></i> 2 Stitches</a>
    </div>

在这个例子中，我需要尽快切换点。到 a-s-a-p

我对 JQ 很陌生，所以，我的代码不起作用，这是耻辱

$("div.collection-name a").each(function(){
  console.log($("div.collection-name a").get(0))
$("div.collection-name a").each.href( $("div.collection-name a").get(0).pathname.replace('.', '-') );
});

Answer 1

我没有非常详细地检查您的所有逻辑，但考虑到默认的replace仅针对该字符的第一次出现执行此操作。如果你想全部替换，你需要使用像这样的正则表达式

pathname.replace(/\./g, '-');

编辑

更好地查看您的代码，这就是您需要用“-”替换点的内容

$("div.collection-name a").each(function(){
    var hrefArray = $(this).prop('href').split('/');
    for(var i = 3; i < hrefArray.length; i++) {
        hrefArray[i] = hrefArray[i].replace(/\./g, '-'); 
    }

    $(this).prop('href', hrefArray.join('/')); 
});

DEMO