【问题标题】:How to remove spaces between words in a link? [closed]如何删除链接中单词之间的空格? [关闭]
【发布时间】:2014-06-19 05:16:18
【问题描述】:

缩短:

我需要

<a href="http://itunes.com/Of Monsters and Men/My Head Is An Animal">View in iTunes</a>

显示为

<a href="http://itunes.com/OfMonstersandMen/MyHeadIsAnAnimal">View in iTunes</a>

详细说明:

所以基本上我正在做的是我正在尝试链接到 iTunes 商店,我将使用此链接作为示例 itunes.com/OfMonstersandMen/MyHeadIsAnAnimal

这直接链接到 iTunes 商店中的项目。我正在使用博客,我将自动填充链接。唯一的问题是链接将显示为itunes.com/Of Monsters and Men/My Head Is An Animal。所以我需要做的是使用 javascript 或 jquery 删除链接中单词之间的空格。

我一直在寻找解决方案。有什么办法可以解决这个问题吗??

【问题讨论】:

标签: javascript jquery html text replace


【解决方案1】:

jsBin demo

$('.view-itunes a[href*=" "]').prop('href', function(i, v){
  return v.replace(/%20/g,""); 
});

因为浏览器会将 href 中的空白 转换为 %20

【讨论】:

  • 谢谢,我刚刚尝试过,它成功了,但是我刚刚意识到链接不会以 %20 出现,而​​是显示为 itunes.com/Of Monsters and Men/My Head Is An动物。我尝试修改脚本以替换空格而不是 %20 但它不起作用。有什么想法吗?
  • @YoungSpiffy 您清楚地指出了您的问题:“我希望它们显示为:http://itunes.com/OfMonstersandMen/MyHeadIsAnAnimal
  • 我在这里修改了脚本jsbin.com/miyasofe/1/edit。我只需要删除“view-itunes”div 内链接中的空格。您的脚本在删除 %20 时有效,但我网站上的链接显示为空格而不是 %20
  • 对不起,我正在尽力解释它,我只想删除 href 属性中的空格。此外,我需要脚本仅删除“view-itunes”div 内链接上的空格,以便该 div 外的任何链接都不会受到影响
  • 哇,它让你摇滚!非常感谢!!!!!!
【解决方案2】:
<a href="http://itunes.com/Of%20Monsters%20and%20Men/My%20Head%20Is%20An%20Animal">View in iTunes</a>
<a id="result">View in iTunes</a>

<!--this is a example to result:-->
<b></b><br>

jquery

var aq = $('a').attr('href').split('%20').join('');
$('#result').attr('href',aq);

//this is a example to result:
$('b').text(aq);

【讨论】:

    【解决方案3】:

    只需使用字符串替换功能

    var a="test%20string";
    var b=a.replace(/%20/g, "");
    

    【讨论】:

    • 您需要使用正则表达式来替换javascript中的所有功能:s.replace(/%20/g, "");
    • 谢谢。你是对的
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-05-31
    • 2012-05-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-26
    • 1970-01-01
    相关资源
    最近更新 更多