Using jquery, how can I get this "inner text" of a li element? [duplicate]

Question

I have the following html and I am trying to figure out the right selector logic to read in certain part. NOTE: I can't change the html as this is being generated by a plugin.

  <li class="select2-selection__choice" title="">
      <span class="select2-selection__choice__remove" role="presentation">×</span>
    MS Office
 </li>
 <li class="select2-selection__choice" title="">
      <span class="select2-selection__choice__remove" role="presentation">×</span>
    Photoshop
 </li>

and I am trying to read out the text inside the

 <li class="select2-selection__choice">

but NOT including the

 <span class="select2-selection__choice__remove">

so for the example above, I am looking to parse out the following text:

 MS Office, Photoshop

@WhiteHat - I don't have a choice as this html is being generated by a plugin so this is what i am given (thus the question) — leora
– leora, Commented Oct 3, 2015 at 2:33

Anik Islam Abhi · Accepted Answer · 2015-10-03 02:32:55Z

2

Try like this

$('.select2-selection__choice').each(function() {
    var text = $(this).clone().children().remove().end().text();
    console.log(text.trim());
});

SNIPPET

$('.select2-selection__choice').each(function() {
    var text = $(this).clone().children().remove().end().text();
    console.log(text.trim());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="select2-selection__choice" title="">
      <span class="select2-selection__choice__remove" role="presentation">×</span>
    MS Office
 </li>
 <li class="select2-selection__choice" title="">
      <span class="select2-selection__choice__remove" role="presentation">×</span>
    Photoshop
 </li>

answered Oct 3, 2015 at 2:32

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

3 Comments

leora Over a year ago

this solution seems to include the "x" that is in the select2-selection__choice__remove span. which i don't want to include

Anik Islam Abhi Over a year ago

check the console not the html ..

Anid Monsur Over a year ago

Please provide an explanation, not just code.

gbe · Accepted Answer · 2015-10-03 02:38:22Z

1

Use the .class selector:

$('.select2-selection__choice').each(function() {
    var inneText = $(this).children().text();        
});

answered Oct 3, 2015 at 2:38

gbe

1,18310 silver badges25 bronze badges

Collectives™ on Stack Overflow

Using jquery, how can I get this "inner text" of a li element? [duplicate]

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related