Question

所以如果我调用这个函数：

$("#item").text()

关于此HTML代码：

<div id="item">
<pre><span class="cm-tag">&lt;html&gt;</span></pre><pre><span class="cm-tab">    </span>asdf</pre><pre><span class="cm-tag">&lt;/html&gt;</span></pre>
</div>

它返回：

'<html>    asdf</html>'

我希望它返回：

'<html>
    asdf
</html>'

基本上我需要在每个<pre>标签后面换一个新行...我该怎么做？

Answer 1

一种可能的解决方案，获取每个pre的文本并使用新行加入它们：

var text = $("#item pre").map(function(){
    return $(this).text();
}).get().join('\n');

这是jsfiddle：http://jsfiddle.net/uGGFe/

Answer 2

另一种选择：

var clone = $("#item").clone(); //create a clone we can manipulate
clone.find('pre').after('\n');  //stick new lines in after <pre> tags
alert(clone.text());            //behold the alert glory

http://jsfiddle.net/SrV9c/1/

Answer 3

var text = '';
$("#item pre").map(function(i, el) {
    return $(el).text().replace(/\s/g, '')
}).each(function(i, val) {
    if (i == 0) 
        text += val.concat('\n\t');
    else
        text += val.concat('\n');
});

的 Working sample

Answer 4

因为jQuery搜索匹配htmlElement使用正则表达式，当正则表达式匹配内容时首先删除“\ r \ n”，所以你看到内容没有“\ r \ n”

返回标记的文本值，并为每个标记添加换行符

4 个答案: