jQuery .text()等价于将标签转换为空格

前端之家收集整理的这篇文章主要介绍了jQuery .text()等价于将标签转换为空格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
从jQuery选择中获取文本是微不足道的:
<span id="foo">hello world</span>

$('#foo').text();

hello world

但是当jQuery选择包含< br>标签他们是概念上的换行符,它们是空格.不幸的是.text()完全剥离它们:

<span id="foo">hello<br>world</span>

$('#foo').text();

helloworld

如何从这样一个跨度中提取文本,从而导致hello world?

当然这是发明的一个微不足道的例子来保持问题的清晰.一个真正的答案将需要“等同于.text()”,并且当然处理任意的HTML.这里有一个稍微更棘手的例子:

<div id="foo"><span class="bar"><em>hello</em><br></span>world</div>

解决方法

由于Mims建议使用replaceWith()来更改< br>到空格,但是为了不改变原来的元素,使用clone()来克隆元素.
var foo = $("#foo").clone();
foo.find("br").replaceWith(" ");
var text = foo.text();

DEMO

原文链接:https://www.f2er.com/jquery/179443.html

猜你在找的jQuery相关文章