js处理链接中多的斜杠问题
文章描述：
js批量处理链接中多一个斜杠的问题
标签链接地址里面多了一个斜杠怎么处理？
html
<div class="tags-loop">
<a href="https://www.miyil.com//tags/gerendaikuan/" rel="tag">个人贷款</a>
<a href="https://www.miyil.com//tags/gerendaikuanlilv/" rel="tag">个人贷款利率</a>
<a href="https://www.miyil.com//tags/yinxinggerendaikuanlilv/" rel="tag">银行个人贷款利率</a>
<a href="https://www.miyil.com//tags/yinxinggerendaikuantiaojian/" rel="tag">银行个人贷款条件</a>
<a href="https://www.miyil.com//tags/yinxinggerendaikuanlilvshiduoshao/" rel="tag">银行个人贷款利率是多少</a>
<a href="https://www.miyil.com//tags/yinxinggerendaikuantiaojianyounaxie/" rel="tag">银行个人贷款条件有哪些</a>
</div>js
1、获取到div下面所有a标签名称和链接
2、需要替换的字符内容
3、重新拼装存在新的数组里面
4、遍历渲染到div中
$(function(){
var html="";
$(".tags-loop a").each(function(){
//console.log($(this).text()+$(this).attr('href'));
var title = $(this).text();
var str = $(this).attr('href')
//str=str.replace('/tags','tags');
str=str.replace('.com/','.com');
html+='<a href="'+str+'">'+title+'</a>'+'\n'
//console.log(str);
});
console.log(html);
$(".tags-loop").html('');
$(".tags-loop").append(html);
})
发布时间：2022/10/28
发表评论