为什么我不能删除每一行html的空白?

Why can't I remove whitespace of each html line?

本文关键字:一行 html 空白 不能 删除 为什么      更新时间:2023-09-26

我尝试了很多方法,如.trim()或替换,但没有任何工作。https://jsbin.com/biguqe/4/edit?html, js、控制台、输出

这是我的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

我添加.replace(//g, ")到你的代码,请,看看如果是你想要或不…因为我不懂

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

使用此方法将text更改为html(),您可以获得完全相同的

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