元素内未被元素包裹的文本的 jQuery 选择器？

Question

给定这个 html:

<div id='tst1'>
  <div id='tst2'>tst2</div>
  <div id='tst3'>tst3</div>
  this is the text i want
</div>

如何选择“这是我想要的文本”文本？ $('#tst1').text() 为我提供 tst1 中包含的所有文本元素(例如 tst2、tst3 等)。

我不能依赖于知道所包含的包装元素(上面的 tst2、tst3)的 id，但我可以依赖于我想要在组中最后列出的文本。

Answer 1

请尝试这个:

工作演示 http://jsfiddle.net/We7mZ/您还可以查找 innerHTMl 和 outterHTML

jQuery.fn.justtext = function() {

    return $(this).clone()
            .children()
            .remove()
            .end()
            .text();

};
alert($('#tst1').justtext());​