How to get pure text use JQuery?

Question

I have a Html code like this:

<div class="form-group row">
     <label id="lb_size" class="col-lg-3 col-form-label">
          <span class="must-have">****</span>
          Size
     </label>
</div>

I want to using JQuery get purl text "Size" only .

I Try:

$("#lb_size").text()

result: "****Size"

Then I try:

$("#lb_size")[0].lastChild

result: "　　　Size　　　"

Finally, I use this code:

$($("#lb_size")[0].lastChild).text()

result: "Size"

It's work but it look dirty.

Have a better way to do this ?

Are you unable to modify the HTML so `Size` is in a span of its own? — Paul, Jan 15 '18 at 08:37
Clone label. Remove all children. Get text. Trim text. Ta-da!!! — Rajesh, Jan 15 '18 at 08:41
You should also look at [Trim string in JavaScript?](https://stackoverflow.com/questions/498970/trim-string-in-javascript) for your spaces issue. — Zenoo, Jan 15 '18 at 09:44
This question was mentioned (as an example) on [meta](https://meta.stackoverflow.com/q/361958). — Just a student, Jan 15 '18 at 09:50
@Zenoo Yes, I can use Trim function, but it make a long and dirty look, so I want find a better way — Vic, Jan 16 '18 at 03:26

score -2 · Answer 1 · answered Jan 15 '18 at 08:47

-2

you can you second solution though ... but you just have to add a little function before this. $.trim($("#lb_size")[0].lastChild) And you'll be able to get the output "Size" instead of
" Size "

Thanks Ans Happy Coding.

answered Jan 15 '18 at 08:47

Ankit Bhalodiya

5
1
7

How to get pure text use JQuery?

1 Answers1