Question

我有一个div：

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  <br><br>
  Ut enim ad minim veniam, quis nostrud exercitation ullamco
  laboris nisi ut aliquip ex ea commodo consequat.
  <br><br>
  Duis aute irure dolor in reprehenderit in voluptate velit
  esse cillum dolore eu fugiat nulla pariatur.
</div>

如果我使用：

MyInfo = $(".container").html();

我得到了所有html /n, /t, <br><br>，依此类推。

如果我改为使用：

MyInfo = $(".container").text();

删除所有格式。有没有办法保持格式化（但drop html tags，而不使用replace），所以输出看起来像这样：

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur.

谢谢！

Answer 1

使用innerText。 jQuery text()删除了换行符和所有格式。

HTML（请注意为id添加div）：

<div id="containertext" class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  <br><br>
  Ut enim ad minim veniam, quis nostrud exercitation ullamco
  laboris nisi ut aliquip ex ea commodo consequat.
  <br><br>
  Duis aute irure dolor in reprehenderit in voluptate velit
  esse cillum dolore eu fugiat nulla pariatur.
</div>

使用Javascript：

alert(document.getElementById("containertext").innerText);

收率：

Lorem ipsum dolor sit amet，consectetur adipisicing elit，sed   做eiusmod tempor incididunt ut labore et dolore magna aliqua。

Ut enim ad minim veniam，quis nostrud exercitation ullamco   “劳动力国际贸易公司”，以及其他方式。

Duis aute irure dolor in repreptderit in voluptate velit   esse cillum dolore eu fugiat nulla pariatur。

工作jsfiddle：http://jsfiddle.net/Lsz34509/

请记住，它不会确切地保留空白（例如第一行, sed do之间），但会强制执行<br>换行符。

innerText使用时的酷参考：http://perfectionkills.com/the-poor-misunderstood-innerText/

保持文本格式不带html标签

1 个答案: