从html（）变量中删除所有空格和制表符

Question

我的页面上有一个隐藏的div，我只想获取HTML结构。

<div class="html-to-store visuallyhidden"> 
    <span class="item"> 
     <p>Test</p> 
     <p>Another Test</p> 
    </span> 
    <span class="item"> 
     <p>Second Test</p> 
     <p>Dadada</p> 
    </span> 
</div> 

和我的JavaScript：

var storeThis = $('.html-to-store').html(); 

现在，这是很好的，但我希望能够得到所有的HTML标签一个单行。

这里的what I'm currently getting：

<span class="item"> 
    <p>Test</p> 
    <p>Another Test</p> 
</span> 
<span class="item"> 
    <p>Second Test</p> 
    <p>Dadada</p> 
</span> 

我想是这样的：

<span class="item"><p>Test</p><p>Another Test</p></span><span class="item"><p>Second Test</p><p>Dadada</p></span> 

Answer 1

微小的jQuery插件用于此目的：

(function($){ 
    $.fn.getUnformattedText = function() { 
     return $.trim($(this).html() 
        .split(/\>[\n\t\s]*\</g).join('><') 
        .split(/[\n\t]*/gm).join('')); 
    } 
})(jQuery); 

用法：

$('.html-to-store').getUnformattedText(); 

小提琴：

http://jsfiddle.net/marionebl/t8zRJ/10/

Answer 2

的解决方法是删除所有空白文本节点，所以尽量

$(function() { 
    $('.html-to-store').contents().contents().addBack().filter(function() { 
     return this.nodeType == 3 && $.trim(this.nodeValye) == '' 
    }).remove(); 

    var storeThis = $('.html-to-store').html(); 

    $('textarea').val(storeThis); 

}); 

演示：Fiddle

如果你不想修改DOM中的HTML结构，那么使用像克隆in here

Answer 3

如何处理一些原油正则表达式？拆分并加入，删除空白。

Javascript RegExp replace with negative lookahead

var storeThis = $('.html-to-store').html().split(/>[\s]*</g).join('><'); 

http://jsfiddle.net/t8zRJ/3/