替换与<br/>

Question

我希望将这种代码包含在第二位。

<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>

由于可用的宽度，我想将 替换为<br/>。

这是我目前的代码，但它不起作用：

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

JSFiddle

Answer 1

你去：

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

<强>更新

现在我在3年后再次考虑它，我会这样做：

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

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

Answer 2

您可以使用：

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

Answer 3

如果你喜欢简单的JS：

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

Answer 4

啊，伙计，迟到了！

修正了稍长的版本：http：//jsfiddle.net/kitsonbroadhurst/jyrv8e3j/2 /

顺便提出这个问题：Is it possible to remove '&nbsp' using JQuery..?

在下次询问之前尝试彻底搜索