jquery 替换nbsp;与< br/>

qrjkbowd  于 2023-04-20  发布在  jQuery
关注(0)|答案(4)|浏览(199)

我想把这种代码放在第二位。

<div id="social-links">
  <!-- Facebook -->
  <a href="https://www.facebook.com/name" target="_blank">
    <i class="fa fa-facebook-square fa-lg"></i>
    Facebook
  </a>
  &nbsp;

  <!-- Google+ -->
  <a href="https://plus.google.com/+name" target="_blank">
    <i class="fa fa-google-plus fa-lg"></i>
    Google+
  </a>
  &nbsp;
</div>

由于可用的宽度,我想将&nbsp;替换为<br/>
这是我现在的代码,但它不工作:

$( "&nbsp;" ).replaceWith( "<br/>" );

JSFiddle

guz6ccqo

guz6ccqo1#

给你:

$('#social-links').html($('#social-links').html().replace(/&nbsp;/g,"<br/>"));

更新:

三年后,我再想想,我会这样做:

const $socialLinks = $('#social-links');
$socialLinks.html($socialLinks.html().split('&nbsp;').join('<br/>'));

它比前面的代码有更好的性能。

euoag5mw

euoag5mw2#

如果你喜欢纯JS:

var socialLink = document.getElementbyId("social-links");
socialLink.innerHTML = socialLink.innerHTML.replace(/&nbsp;/g,"<br/>");
svujldwt

svujldwt3#

您可以用途:

$('#social-links').html($('#social-links').html().replace(/&nbsp;/g, '<br/>'))
eimct9ow

eimct9ow4#

天啊,派对迟到了!
在稍长的版本中修复:

$("div").each(function() {
    var $this = $(this);
    $this.html($this.html().replace(/&nbsp;/g, '<br/>'));
});

http://jsfiddle.net/kitsonbroadhurst/jyrv8e3j/2/
这个问题以前曾经被问过:Is it possible to remove '&nbsp' using JQuery..?
下次问之前,试着彻底搜索一下

相关问题