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;

Example fiddle

Answer 2

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

＆＃13;

$('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);
});

＆＃13;

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

＆＃13;

从P元素内部获取文本，不包括选择中的span标记

2 个答案: