jQuery text Node Object to string

Question

I'm using this code:

/**
 * Get Text Nodes from an Element
 * Returns and object unless number is passed in
 * Numbers is 0 based
 */
(function( $ ) {
$.fn.textNodes = function(number) {
    var nodes = jQuery(this).contents().filter(function(){
        return this.nodeType == 3;
    });
    if(jQuery.isNumber(number)){
        return nodes[number];
    }
    return nodes;
};
})( jQuery );

It's used to grab the text nodes out of html

For example:

<div>
    <span>Testing</span>
    What is this?
</div>

I'm looking for What is this?

This works, as I can do a console.log and see the result in the console.

But when I try and use the result in an input field it give me: [object Text]

How can I use the result as a string value?

I've tried toString() but that gives the same result, unless I missed something.

Frédéric Hamidi · Accepted Answer · 2012-03-08 10:35:05Z

5

Use the nodeValue property:

$("#yourInputField").val(yourTextNode.nodeValue);

answered Mar 8, 2012 at 10:35

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Senica Gonzalez Over a year ago

This is the correct answer to my question. I liked the spin thg435 gave. Thanks!

georg · Accepted Answer · 2012-03-08 11:01:43Z

3

Your code works, but it doesn't employ the beauty of jQuery. How about:

(function($) {
    $.expr[':'].textnode = function(element) {
        return element.nodeType == 3;
    }

    $.valHooks["#text"] = { get: function(elem) {
        return $.trim(elem.nodeValue);
    }}

})(jQuery)

use it this way:

lastText = $("div").contents(":textnode:last").val()

http://jsfiddle.net/YXjEB/

answered Mar 8, 2012 at 11:01

georg

216k57 gold badges324 silver badges401 bronze badges

Comments

jb10210 · Accepted Answer · 2012-03-08 10:44:59Z

3

You receive the text node as a DOM-object which is correct behaviour, when you need the actual text use: textContent or nodeValue.

See jsFiddle.

answered Mar 8, 2012 at 10:44

jb10210

1,1765 silver badges16 bronze badges

1 Comment

Tim Down Over a year ago

textContent is not implemented in older browsers, including IE < 9. Stick with nodeValue or data, both of which are available in all major browsers.

Collectives™ on Stack Overflow

jQuery text Node Object to string

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related