Targeting specific elements inside an element with javascript

Question

How do I do the below with javascript?

$("div.details.counter span")

I can use ID's but I'm curious how we can do the above jQuery style of getting stuff with pure javascript.

I am not familiar with jQuery. Could you please explain what the above expression does? — Keyur Golani
– Keyur Golani, Commented Jan 16, 2014 at 13:08
@KeyurGolani it targets all the span tags inside all the div tags that have a class of both details and counter — Joe
– Joe, Commented Jan 16, 2014 at 13:09
@Deadpool "inside" i hope means "inside the DOM subtree of". I would describe that selector as targetting all the span elements which have a div ancestor with both details and counter class. To avoid confusion regarding the child selector. — Tibos
– Tibos, Commented Jan 16, 2014 at 13:19
@Tibos what did you expect. It was translated by deadpool ;) — Joe
– Joe, Commented Jan 16, 2014 at 13:22

Tibos · Accepted Answer · 2014-01-16 13:14:41Z

2

The solution with pure javascript for most selectors supported by jQuery is to use document.querySelectorAll:

document.querySelectorAll("div.details.counter span")

If you don't have support for querySelectorAll in your browser of choice, you could take a look at jQuery's implementation of the selector engine to see how it matches various parts of the selector.

answered Jan 16, 2014 at 13:14

Tibos

27.9k4 gold badges56 silver badges66 bronze badges

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

Collectives™ on Stack Overflow

Targeting specific elements inside an element with javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related