CODEWITHSUNDEEP
jquerytextnodevaluedom-node
Marcy Thompson
Marcy Thompson

Reputation: 31

Grab any Text Node within the BODY using Jquery

Hoping someone can help. I need to grab any text node inside the body. Even if it is NOT contained within any other element.

I've tried:

$("p, div, html, body").each(function(){
    $(this).contents().filter(function() {
        var regExText = /(\w|\d|,|;|&)/;                                           
        if (this.nodeType == 3 && regExText.test(this.nodeValue)) {
            $(this).wrap('<span></span>');
            }
      });
});

This is grabbing them in the Ps and Divs but not in the body itself.

Upvotes: 0

Views: 237

Answers (4)

netadictos
netadictos

Reputation: 7722

Why don't you just clean the HTML?

var strInputCode=$("body").html();
var strTagStrippedText = strInputCode.replace(/<\/?[^>]+(>|$)/g, "");
alert("Output text:\n" + strTagStrippedText);

I must admit that probably $("body").text(), does the thing.

Upvotes: 0

Anurag
Anurag

Reputation: 141879

contents() will only return the children elements of the tags you have specified - p, div, html, and body. A text node inside a td or a h1 tag will not be found for instance.

One way to get all text nodes inside the <body> tag using jQuery is to search for children of body and its descendants,

$("body, body *").contents().filter(function() {
    // if this is a text node and matches regex
    // then do something to it
}

You can find various other non-jQuery approaches to get all text nodes in this answer.

Upvotes: 1

Nick Craver
Nick Craver

Reputation: 630409

What you have should work, you can test it here. I'd say there's no need to include html in your selector though, is there really anything outside of the <body> element you want to deal with in a <span>?

Upvotes: 0

Thomas
Thomas

Reputation: 2162

This is not what you want?

$('body').text();

Upvotes: 1

Related Questions