jquery - 在新窗口上书写 - 新行丢失

Question

<div class="cardtitle">WEB</div>
<textarea id="web">
abc
abc
abc
</textarea>

<div id="btnprint">PRINT</div>

JS

tosend = '';
$('#btnprint').click(function(){
    $('.cardtitle').each(function(){
        tosend = tosend + 
        $(this).text().toUpperCase() + '<br>' + 
        $(this).next().val() + 
        '<hr>'
    });
    w=window.open();
    w.document.write(tosend);
    w.print();
    w.close();
});

结果是abc abc abc
而不是:
abc
ABC
abc

新行丢失。

Answer 1

将其包裹在 <pre> 中标签，这样格式就不会丢失。

$('#btnprint').click(function(){
    var tosend = '<pre>';
    $('.cardtitle').each(function(){
        tosend = tosend + 
        $(this).text().toUpperCase() + '<br>' + 
        $(this).next().val() + 
        '<hr>'
    });
    tosend += '</pre>';
    w=window.open();
    w.document.write(tosend);
    w.print();
    w.close();
});