Javascript 使用jquery查找包含标记和白间距的范围内的文本

Javascript 使用jquery查找包含标记和白间距的范围内的文本,javascript,jquery,html,Javascript,Jquery,Html,我有以下跨度,其中包含白色间距和标记内的文本-在本例中为sup标记和p标记: <span class="teamName"> Dr.<sup>J</sup> W Smith <br> <p class="d

我有以下跨度,其中包含白色间距和标记内的文本-在本例中为sup标记和p标记:

<span class="teamName">
                        Dr.<sup>J</sup>
                        W
                        Smith
                        <br>
                        <p class="department">Throat specialist</p>
                    </span>

就我所知,我正在考虑去掉空格,将每个单词放在一个数组中,然后删除最后一个条目,有人知道怎么做吗?

最简单的方法可能是克隆元素,从中删除
br
p
,然后获取其文本,仅用一个空格替换任何空白范围,并对其进行修剪:

//这里我假设您有多个
//这就产生了一个数组
var name=jQuery(“span.teamName”)
.clone()
.find(“br,p”).remove().end()
.map(函数(){
返回$(this.text().replace(/\s+/g,”).trim();
}).get();
console.log(名称)

J博士
W
史密斯

喉科专家

您可以使用
clone()
函数

var clone=$('.teamName').clone();
cloned.find('p').remove();
console.log(克隆的.text())

J博士
W
史密斯

喉科专家

这可能适合您

var$span=$('.teamName').clone();
$span.find('p').remove();

警报($span.text().replace(/[\n]+/g',)您似乎对如何进行这项工作有想法?它是如何工作的?旁注:要按类进行选择,请使用类选择器(
.teamName
),而不是属性选择器(
[class=teamName]
)。我想您不必删除
br
元素,因为它没有任何文本。。。
"
                        Dr.J
                        W
                        Smith

                        Throat specialist
                    "