CSS Selection JQuery

Question

I am not a JQUERY Expert and want to know if its possible to select "Items with no id defined that are nested and have a certain css class defined" ?

Example:

When I look at the downloaded CSS and match rules here is the div:

<div id="type" class="productType">Test Descript <span>$399.00</span> </div>

The CSS that gets applied to the span is:

.rightInfoDiv h1 div.productType {font-size: 14px;line-height: 18px;font-weight: normal;margin-bottom: 0.1em;}

I want to be able to select the "span" so I can get a price. Is this possible ? Any pointers would be appreciated

Thanks very much

ninja · Accepted Answer · 2013-06-13 14:33:43Z

3

You can target the parent div and then target the child-span

var price = $('#type').children('span').text();
console.log(price); // will output $399.00

answered Jun 13, 2013 at 14:33

ninja

2,2831 gold badge15 silver badges16 bronze badges

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

2 Comments

lukaleli Over a year ago

what if there would be more span tags?

ninja Over a year ago

You could use .eq() to target the one you're after. .children('span').eq(0) - will target the first span, .eq(1) the second etc etc.. However it would be better to give the price span a class, and just target it directly.

lukaleli · Accepted Answer · 2013-06-13 14:34:24Z

1

I really don't uderstand that statement: "Items with no id defined that are nested and have a certain css class defined". Items doesn't need to have any id or even class. If you want to do that just:

var spans = $('.productType span');

answered Jun 13, 2013 at 14:34

lukaleli

3,6653 gold badges25 silver badges32 bronze badges

Comments

tymeJV · Accepted Answer · 2013-06-13 14:33:27Z

0

You can do:

var x = $("#type span").text();

x is now $399.00

answered Jun 13, 2013 at 14:33

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Comments

Adil Shaikh · Accepted Answer · 2013-06-13 14:34:28Z

0

var item = $("#type span").text();

Demo ---> http://jsfiddle.net/UXtJD/

answered Jun 13, 2013 at 14:34

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

Collectives™ on Stack Overflow

CSS Selection JQuery

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related