jquery - 编写正确的 jquery 选择器以检索中断标记后但在 div 内的文本

Question

我有一些采用以下格式的代码，这些代码在我的页面中重复出现:

<div class="video-description-secondary" style="display:block;">
  <h2 class="two">
 Some title text
  </h2>
  <br/>
 Some description text
</div>

这是我遇到的问题:我想使用 jquery 选择器检索描述文本(在 br 标记之后和结束 div 标记之前)。我不确定如何编写正确的 jquery 选择器来检索该文本，因为文本本身不在它自己的标签内。我需要对该文本应用一些代码，以便我可以正确实现“阅读更多/更少”链接。

任何帮助都会很棒。

Answer 1

这样的东西对你有用吗？从技术上讲，它会抓取子标签之外的所有内容，而不是中断后的内容。

http://jsfiddle.net/aMKuY/2/

 var foo = $('.video-description-secondary').clone().children().remove().end().text();

替代解决方案

这使您可以更好地控制返回的内容。检索所有文本节点，然后获取最后一个。

http://jsfiddle.net/aMKuY/3/

var textNodes = $('.video-description-secondary').contents().filter(function() {
    return this.nodeType == Node.TEXT_NODE;
});

var val = textNodes[textNodes.length - 1].nodeValue;