jQuery: Get the Text of Element without Child Element

Viet says:

An nice and useful tutorial. Thanks.

Name says:

this works great if you only have one orphan child, but it stops when you have multiple lines of text and they are in different areas within the container. :)

Alex says:

jQuery noob here. I just spent around half an hour looking for a simple solution to a simple problem I was trying to solve, but nothing really worked until this article got me on the right track. Just wanted to say thanks, is all. :)

jayd says:

awesome. short and sweet AND reusable. Just what I was looking for.. thanks.

Joedel says:

This is what I looking for.

Thank you very much.

mahesh says:

Nice example, thanks for sharing. Am sure it would go in *.util of most projects :).

Mat says:

well done

Scott Donnelly says:

Thanks – simple but effective. As mahesh said, one for the the util file!

pranay says:

Nice example, thanks for sharing
but how to create .justtextUpdate()

SM says:

Thanks man :) cute piece of code!

Xtyan says:

Hi, i have this:

Source File:
\\edtnas2\web\Dev\Net2\iCapt\request\Cot.aspx.cs
Line:

how can I get the text between “b” tags?

thx!

leojg says:

Thanks!

ktor says:

in some cases, a trim would be needed:

jQuery.fn.justtext = function() {
   
    return $.trim($(this)  .clone()
            .children()
            .remove()
            .end()
            .text());
 
};

Amit says:

Nyc tutorial

Fonkie says:

How do you solve this question?

<ul id="panel">
<li>
<input  type="checkbox"  value="1" />one
</li>
</ul>
 

I don’t want to remove the input element, I just want to replace the text “one” to “first”. This is my solution using jquery:

var ele=$("#panel").find("li:eq(0)");
var inputEle=ele.find("input");
ele.text("first");
ele.prepend(inputEle);
 

Do you have a better solution?

Sandip Chaudhari says:

I am getting selcted text on Click but unable to get text of list box on Enter key press

$('#listEQ li').live('click', function() {        
                var selected = $(this).text();              
                $("#ajax_response_smart").remove(); 
                if (selected != "") {
                    var scripcode = selected.split("|");
                    document.getElementById('ctl00_ContentPlaceHolder1_smartSearch').value = scripcode[0];
                    document.getElementById('ctl00_ContentPlaceHolder1_hdnCode').value = scripcode[2];                    
                }
            });

MajiD says:

Thanks, very useful snippet to get rid of the inner HTML and get the text only.

sachin says:

nice tutorial , please send link for learn jquery , javascript..

Sharon says:

Thanks Viral..this helps me finish half of my Job..But how can i change the text we got and assign the updated text?

My aim is to get the text of div check for a word replace it and assogn back :-(

Edoardo says:

THANK YOU VERY VERY MUCH!

sln says:

thank you so much, I’ve been looking everywhere for this solution finally I got it here thanks.

Brandon says:

Hi great article.

Is it possible to remove the text justtext() found?

$(‘blah:contains(‘foo’)”).justtext().remove(); <— Doesn't work btw

Kevin says:

Here is my Version of the function as a getter and setter function:

$.fn.justtext = function(newText) {
        var $children = null;
        
        if(newText) {
            $children = $(this)
                            .children()
                            .clone();
            
            $(this)
                .children()
                .remove()
                .end()
                .text(newText)
                .prepend($children);
    
            return $(this);
        }
        else {
            return $.trim($(this)
                              .clone()
                              .children()
                              .remove()
                              .end()
                              .text());
        }
    };

Alice says:

FYI, you got the typing phrase wrong. The phrase is meant to use every letter in the alphabet. “A quick brown fox jumps over a lazy dog” is incorrect because it doesn’t contain the letters t or h. The actual phrase is “The quick brown fox jumps over the lazy dog.” Count them, they’re all there.

bruce says:

hi,

test

how can i update the text inside the grandchild element without removing the child element only using parent element tag.
So $(‘#parent’).text(‘new text’), it will remove the child and grand child. as i don’t care how many child and grand children parent has. i just want to update the most embedded text with parent tag, is it possible.