How to select element without children in Jquery?

Asked Feb 28 '20 at 13:44

Active Feb 28 '20 at 13:44

Viewed 26 times

<li>
    <a><span><i></i>Image<span>Description</span></span></a>
</li>

I would like to extract the "Image" text from the above DOM.
If I try to get $("span").text(), it returns "ImageDescription" text.
How can i get only "Image" text from the kind of structure in Jquery?

asked Feb 28 '20 at 13:44

jdw

Try this $("span:first-child").text() – Gaurav Kandpal Feb 28 '20 at 13:47
@GauravKandpal That'll give you `ImageDescription` too: https://jsfiddle.net/RoryMcCrossan/L9tp5wku/ – Rory McCrossan Feb 28 '20 at 13:47
@GauravKandpal same issue with your edit: https://jsfiddle.net/RoryMcCrossan/L9tp5wku/1/. You need to access the actual textNodes. – Rory McCrossan Feb 28 '20 at 13:49
Why don't you just change the HTML and wrap the Image with an element with a class attribute, which you could easily access? – yunzen Feb 28 '20 at 13:59
1

I just decided to change the DOM structure as @yunzen `s comment because it seems that it is hard to catch the specific text. Thank you all! – jdw Feb 28 '20 at 22:00

How to select element without children in Jquery?

0 Answers0