なぜ各HTML行の空白を削除できないのですか？

Question

私は.trim（）のような方法を試してみました。 https://jsbin.com/biguqe/4/edit?html,js,console,output

ここは私のhtmlです。私は「コード」タグ内のコンテンツを正確にそのまま取得するためにクリックする必要があります。しかし、私はあなたが画面の端から見る内容の空白を持つコンテンツをコンテンツに取得します。ここで

<div class="wrapper"> 
    <code class="copyable"> 
     &lt;dummyTag<br> 
     id="page"<br> 
     navButtonPress="onNavBack"<br> 
     showNavButton="{device&gt;/system/phone}"<br> 
     title="{i18n&gt;detailTitle}"<br> 
     busy="{detailView&gt;/busy}"<br> 
     busyIndicatorDelay="{detailView&gt;/delay}"&gt;<br><br> 
     &lt;dummyTag:positiveAction&gt; 
     <&lt;dummyTag:PositiveAction&nbsp;id="approveButton"&nbsp;press="onApprove"&nbsp;text="{i18n&gt;xbut.approve}"/&gt;<br> 
     &lt;/dummyTag:positiveAction&gt;<br> 
     &lt;dummyTag:negativeAction&gt;<br> 
     &lt;dummyTag:NegativeAction&nbsp;id="rejectButton"&nbsp;press="onReject"&nbsp;text="{i18n&gt;xbut.reject}"/&gt;<br> 
     &lt;/dummyTag:negativeAction&gt;<br> 
     <br> 
     &lt;semantic:content&gt;<br> 
    </code> 
    <button class="arrangeButton">Arrange</button> 
</div> 

私のコードは次のとおりです。https://jsbin.com/biguqe/4/edit?html,js,console,output

Answer 1

私は「ので、私ドン...あなたがしたいということですかどうかを確認、あなたのコードにしてください（/ /グラム、」）」.replaceを追加理解する。あなたが得ることができ、これはちょうどhtml()とtextを変更

$('.arrangeButton').on('click', function() { 
    console.log($(this).siblings('.copyable').text().replace(/ /g,'')); 
}) 

Answer 2

利用まったく同じ私はあなたが見て、[ここ]（持ち、改行だけでなく、空白文字を削除したいと仮定します

$('.arrangeButton').on('click', function() { 
    console.log($('.copyable').html()); 
})