从P元素内部获取文本，选择中不包含span标签

Question

如何从选择中删除span元素，以便仅获取P标记中的文本，而不包括span标记或其内容？

<p><span class="title visible-xs-inline">Description: </span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

我尝试使用.not（），但是在这种情况下不起作用。

var theValue = $(this).parents().find('p').not('.title').text();

Answer 1

由于HTML结构，您将需要检索textNode本身。 尝试这个：

var text = $('p').contents().last()[0].nodeValue;

小提琴的例子

Answer 2

这个答案提供了一个很好的例子。 只需在内存中克隆元素并删除其子元素，然后调用.text() 。

 $('button').click(function() { var text = $("p") .clone() //clone the element .children() //select all the children .remove() //remove all the children .end() //again go back to selected element .text(); alert(text); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p><span class="title visible-xs-inline">Description: </span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <button>Get P Text Not Including Span</button>