jquery - how to remove br without breakage of formating text?

Question

How can I remove the br tag without breaking the formatting in jquery .I am able to remove br but it breaks my formatting. I tried such approach:

$("#realTimeContents br").remove();

    <div id="realTimeContents" > dfgdfgdf
                             <br>
    <br>                      
                                 bdfsfdsg

                                     <br>
                                     ipiopixdgfdfh

                                           <br>
                                     ipiopixdgfdfh
</div>

After removing it look like this:

dfgdfgdf bdfsfdsg ipiopixdgfdfh ipiopixdgfdfh

Expected result:

dfgdfgdf


                                     bdfsfdsg


                                         ipiopixdgfdfh


                                         ipiopixdgfdfh

Answer 1

我会在容器上添加一个样式 white-space:pre 。这将保留空格格式。

<div id="realTimeContents" style="white-space:pre" >

这与使用pre标签相同，但它可以让您保留原始结构。

Answer 2

您可能可以将您的文本放在前置标签中以尝试保持格式... http://www.w3schools.com/tags/tag_pre.asp

Answer 3

您可以使用<pre>标签来执行此操作...

甚至stackoverflow这样做....

我认为您在向 stackoverflow 添加问题时可能会意识到这一点，因为您正在将该格式添加到问题中以向我们展示您想要的结果。