jquery - 使用jquery从div中提取部分内部文本

Question

如何提取 div 的文本部分而忽略内部 html 标签的文本

这是div

<div class="MessageBox">I want to see only this message<span....>Click Here to collapse</span></div>

这是 javascript 函数中的 jquery

var message=  $(".MessageBox").text();

现在我得到 message= "我只想看到这条消息点击这里折叠"

我要消息="我只想看到这条消息"

Answer 1

您可以使用 clone() 方法克隆主元素，然后删除该克隆的子元素以丢弃您不需要的部分:

var clone = $('.MessageBox').clone();
clone.children().remove();
var message = clone.text();

当然，您可以跳过克隆部分。但实际上您会从页面中删除元素，我不确定您是否想这样做。克隆主要元素允许您随后操作它的副本，而不是用户实际看到的副本。