jquery - 如何用另一个 HTML 字符串替换一个 HTML 字符串？

Question

我需要替换<p>&nbsp;</p>为<p class="spacer">&nbsp;</p>

我使用replaceAll尝试了此选项，但它不起作用。

$('<p class="spacer">&nbsp;</p>').replaceAll( "<p>&nbsp;</p>" );

这样做的正确方法是什么？

标签： jquery

Answer 1

All you are doing is adding a class so loop over and find the elements that match and add the class.

$("p").filter(function() {
  return this.innerHTML === " "
}).addClass("spacer");

.spacer {
  background-color: yellow;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>A</p>
<p>&nbsp;</p>
<p>A</p>
<p>&nbsp;</p>
<p>A</p>
<p>&nbsp;</p>
<p>A</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>A</p>