.p元素的内容只向下一级…需要所有内容 jquery

如何解决.p元素的内容只向下一级…需要所有内容 jquery

| 有一个问题。以这个HTML：

 <p><span>js fiddle is a playground for
 web developers,a tool which may be
 used in many ways. One can use it as
 an online editor for snippets build
 from HTML,CSS and JavaScript. The
 code can then be shared with others,embedded on a blog,etc. Using this
 approach,JavaScript developers can
 very easily isolate bugs. We aim to
 support all actively developed
 frameworks - it helps with testing
 compatibility.</span></p>

我运行以下代码：

var textNodes = $(\'p\').contents().filter(function() {
    return this.nodeType == 3 && this.nodeValue.length > 150;
}).parent().parent();

$(textNodes).css(\'border\',\'2px solid black\');

我的问题是

contents()

仅下降了一层...我要测试的是

p

元素的字符数是否大于150个

nodeType == 3

字符。如果我做

contents().contents()....

这行得通     

解决方法

        使用$ .text。

var textNodes = $(\'p\').filter(function() {
    return $(this).text().length > 150;
}).parent();

textNodes.css(\'border\',\'2px solid black\');

    ,        您可以检查每个

p

元素的

text

属性的长度。如果大于150，请更改CSS。在这里查看示例小提琴。