jquery 从文本之间选择文本

Question

我想抓取两个标签之间的文本，该文本位于主 div 中，以下是示例...

<div class="main_result">

some text....
<div>other divs</div>
<p>some other html</p>
<div class="bread_crump"></div>

text i want to grab

<b>selected category</b>
some other text and div...

</div>

显然以下示例不起作用，但它是一个想法..

var count = $('.main_result', data)
                                .find('.bread_crump')
                                .after('<span class="count_total" style="color:red">')
                                .parents('.main_result')
                                .find('.bread_crump ~ b')
                                .before('</span>')
                                .parents('.main_result').html();

Answer 1

var txt = $('.main_result')
          .contents() // get it's contents
          .filter(function() { //filter the result for textnodes that aren't empty (helps ie's parsing of textnodes)
             if( this.nodeType == 3 && $.trim(this.data) != "") { //get only text nodes and filter out whitespace elements
                 return true;
             }
             return false;
          }).get(1).data; // get 1 because it's your 2nd non-whitespace text node

var txt = $.trim(txt); // trim out all the new lines 'n stuff

不过，最好将这些元素包装在您可以a）轻松找到和b）依赖的东西中（文本节点的数量可能会变得不确定）

Answer 2

var firstNode = $(".main_result div.bread_crump").get(0)
var secondNode = $(".main_result b").get(0)
var nextToFirst = $("div.bread_crump").get(0).nextSibling;
if(nextToFirst.nodeType == 3 && nextToFirst.nextSibling == secondNode) {
  alert(nextToFirst.nodeValue);
}

没有太多 jQuery，但使用 DOM。

Answer 3

我不知道有什么方法可以从文本块中仅选择文本的一部分，而周围没有任何标记。如果文本有任何一致的模式，我会使用

var text = $(".main_result").html();

And 然后使用 REGEX 来提取 "bread_crump" div 之后和 之前的文本

如果不将所需的文本添加到可以直接使用 jQuery 选择器引用的元素中，这将是一个肮脏的黑客行为，并且根据页面布局的一致性，页面加载之间可能会发生变化，也可能不会发生变化。如果您无法控制页面布局，那么此处提供的任何其他解决方案都将比我提供的解决方案更接近解决方案。

如果布局中有一个模式，您可以确定它是一致的，然后将其作为锚点并从那里进行选择。