從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>