删除br标签并保留所有其他标签

Question

我只想删除br标签。

'<div class="temp">some content<br>and more<br><a href="#"> and more content</a></div>'

$('.temp br').contents().unwrap();

为什么这不起作用。

我也试过这个，因为我在stackoverflow上看到它但是也没有用。我在这两方面做错了什么。

$('.temp').contents().filter(function() {
  return this.nodeType == 3;
}).filter('br').remove();

Answer 1

这不起作用，因为它是错误的。试试这个：

$('.temp br').remove();

Demo

用空格替换它们：

$('.temp br').replaceWith(" ");

Demo

Answer 2

这是一个有效的解决方案：http://jsfiddle.net/p6Mzu/。还有一个仅在链接中注释掉的CSS解决方案，因为这只会删除它们。 jQuery将<br>替换为 。

jQuery的：

$(".temp br").replaceWith(" ");

CSS：

.temp br { display: none; }

Answer 3

$('.temp br').before(' ').remove();

http://api.jquery.com/before/
http://api.jquery.com/remove/