为什么我不能删除每个html行的空格?

时间:2016-09-20 15:09:14

标签: javascript jquery html

我试过很多方法,比如.trim()或者替换bot没什么用。 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

2 个答案:

答案 0 :(得分:0)

我将.replace(/ / g,&#39;&#39;)添加到您的代码中,请查看您是否想要...因为我不明白。

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

答案 1 :(得分:0)

使用此功能只需将text更改为html()即可获得完全相同的

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