如何替换“ <br /><br /> ”和“ <br /> 在HTML中使用JavaScript和jQuery？

Question

我有一个验证摘要，有时在末尾有多个br标签，如下所示：

<div id="ValidationSummary1" class="alert alert-error">
    Last 4-digits of Social Security number does not match 
    the Member record on file for the Member ID number you 
    have entered.<br />
    Date of Birth does not match the Member record on file for the Member ID 
    number you have entered.<br /><br />
</div>

我试图在任何时候都找到两个背对背的br标签，并将其替换为如下所示的一个：

$('#ValidationSummary1').replace('<br /><br />', '<br />');

我知道没有replace()函数。 像这样简单的事情有什么替代方案？

Answer 1

使用.html()获取并设置通过标准JS replace()传递的内容。

var div = $('#ValidationSummary1');
div.html(div.html().replace('<br /><br />', '<br />'));

Answer 2

JavaScript本身确实具有replace功能，并且鉴于jQuery是基于 JavaScript构建的框架，因此您确实可以使用该方法。 因此，这意味着您必须执行一个get-manipulate-set过程，而不是执行一些不错的jQuery方法链接。

Answer 3

 var $val= $('#ValidationSummary1');
 $val.html($val.html().replace(/[<br>]+$/, '<br/>');

无论多少
他们将被替换为一个
（更好的html）

Answer 4

在您的情况下（需要删除html标签），最好的解决方案是使用.text()而不是.html() 。 区别在于.html()保留html标签，而.text()仅保留文本（删除任何html）。

例如：

var value1 = $('.some_div').html(); //returns text content with HTML tags
var value2 = $('.some_div').text(); //returns only text content