Question

我的代码在这里.....

 <a target="_blank" href="http://www.home.test.com/test/redirector.jspx?        action=ref&cname=test_EDITORIAL&ckey=2448719&cc=US&lc=eng&mcr=true&cmpid=MA43304BL" style="font-weight:bold;text-decoration:none;color:
            #0085d5" >download the brochure</a><br><br>

我想用这种方式

 <a target="_blank" href="http://www.home.test.com/test/redirector.jspx?action=ref&cname=test_EDITORIAL&ckey=2448719&cc=US&lc=eng&mcr=true&cmpid=MA43304BL"style="font-weight:bold;text-decoration:none;color:#0085d5" >download the brochure</a><br><br>

我想删除锚标记之间的空格。由于它是在html中动态生成的，因此我必须选择整个html并对其进行修改。您不能依赖parent或child元素，因为它可以有或没有任何东西。我也不想使用/n。有没有办法选择所有锚标签和trim之间的空间。

Answer 1

您可以使用 .attr() 回调并使用正确的正则表达式使用.replace删除所有空格：

$('a').attr('href', function (_, val) {
    return val.replace(/\s/g, '');
});

<强> Fiddle Demo

Answer 2

正确的解决方案是修复服务器端以使输出正确，但不使用javascript来解决此类问题。

Answer 3

我相信您应该使用一些选择器来定位此锚标记。你可以使用：

$('a').attr('href',$('a').attr('href').replace(/ /g,''))

<强> Working Demo

修剪锚标记内的空间

3 个答案: