替换所有HREF标记的字符串将从HREF内部取值

Question

我在尝试将HREF标签的一部分插入字符串时遇到了问题-

<a class="link product-name" href="/s/website/website-2/familyseries1/at/abcd.html" itemprop="url">Some Text</a>


<a class="link product-name" href="/s/website/website-2/familyseries2/at/abcd.html" itemprop="url">Some Text</a>

需要改成-

<a class="link product-name" href="/s/website/website-2/familyseries1/at/abcd.html" itemprop="url">familyseries1</a>

<a class="link product-name" href="/s/website/website-2/familyseries2/at/abcd.html" itemprop="url">familyseries2</a>

到目前为止，我有这段代码，它正确地替换了所有的字符串，但我的每个调用只使用了far系列的第一个实例，这个值在页面上的所有实例中都是不同的。

$("a.product-name").each(function(){
    var familySeries = $('.product-name').attr('href').split('/')[4];
    $('a.product-name').text(familySeries);
});

我目前的输出是-

<a class="link product-name" href="/s/website/website-2/familyseries1/at/abcd.html" itemprop="url">familyseries1</a>

<a class="link product-name" href="/s/website/website-2/familyseries2/at/abcd.html" itemprop="url">familyseries1</a>

Answer 1

问题是您没有在每次迭代中指定正确的元素。下面的实现应该可以修复一些问题：

$("a.product-name").each(function(){
    var familySeries = $( this ).attr('href').split('/')[4];
    $( this ).text(familySeries);
});

Codepen在这里：https://codepen.io/GeneralPoxter/pen/ExXNBMd?editors=1010