How to get the texts without child element texts

Question

I want to get the texts in my div but not the texts in child div.

I have

html

  <div id='textDiv'>
       texts I want to get
          <span id='textChildDiv'>
             texts I don't want
          </span>
    </div>

jquery

  $('#textDiv').click(function(){
       alert($(this).text())  //will get 'texts I want to gettexts I don't want'
       //I only want 'texts I want to get' to be returned.
    })

I found

http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/

for my soulution but it seems there are better approach than his way.

Any ideas? Thanks a lot!

have you tried this: http://stackoverflow.com/questions/9955955/get-text-of-an-element-without-children-in-javascript — Sajjan Sarkar, Nov 28 '12 at 21:26
The link you provided does what you want - what don't you like about it, and what are you looking to improve? — freejosh, Nov 28 '12 at 21:28
or this :http://stackoverflow.com/questions/11362085/jquery-get-text-for-element-without-children-text — Sajjan Sarkar, Nov 28 '12 at 21:29
@SajjanSarkar He knows about those answers and looking for an alternate solution. — Selvakumar Arumugam, Nov 28 '12 at 21:31

score 3 · Answer 1 · answered Nov 28 '12 at 21:27

3

var text = $("#textDiv").contents().filter(function() {
    return this.nodeType === 3;
}).text();

DEMO: http://jsfiddle.net/VcghZ/

answered Nov 28 '12 at 21:27

VisioN

143,310
32
282
281

score 2 · Answer 2 · answered Nov 28 '12 at 21:28

Try using .contents and fetch the text node alone. See below,

DEMO: http://jsfiddle.net/pyaAN/

    var result = '';
    $('#textDiv').contents().each(function () {
        if (this.nodeType == 3 && $.trim($(this).text()).length > 0) {
            result += this.nodeValue;
        }
    });

score 2 · Accepted Answer · answered Nov 28 '12 at 21:29

2

Try using

$('#textDiv').click(function(){

    alert($(this).contents().filter(function() {
        return this.nodeType === 3;
      }).text())
});

As in this fiddle: http://jsfiddle.net/jQf6d/

answered Nov 28 '12 at 21:29

David Müller

5,291
2
29
33

Since David is the first one reply. I will give him green! thanks for all the helps guys. all +1 – FlyingCat Nov 28 '12 at 22:13
@FlyingCat Well, in fact you can get the exact time of answer by hovering time value which is above author's name and avatar. It should give you the right sequence of answers. – VisioN Nov 29 '12 at 00:52

How to get the texts without child element texts

3 Answers3