How to use javascript selectors

Question

Is there a way in javascript to select a selector within another selector like in jQuery:

$("section h1").html();

What does *select a selector within another selector* mean, exactly? — Oriol, Sep 26 '13 at 20:30
"to select a selector within another selector like in jQuery:" that's a tongue twister. — tymeJV, Sep 26 '13 at 20:30
I think he means a non-jQuery way to select a `
` within a `
`. — Justin K, Sep 26 '13 at 20:33
You might want something like var selecttor = $("section h1").html().find('selector'); $(selector).blablabla :) — Irfan TahirKheli, Sep 26 '13 at 20:37

score 3 · Answer 1 · edited May 23 '17 at 11:56

jQuery actually uses querySelectorAll when available. Thing is, on your own, you'll never be able to emulate all the goodies that jQuery provides (e.g., filter(), find(), children(), parent(), map(), not() and the ability to use pseudo-classes).

This would be enough to grab the h1 element in section:

var e = document.querySelector("section h1");

JSFiddle.

Read on this answer https://stackoverflow.com/a/11503576/2612112.

score 1 · Answer 2 · answered Sep 26 '13 at 20:37

1

Closest you'll find is probably document.querySelector or document.querySelectorAll. Should be careful though, as support is limited to modern browsers.

answered Sep 26 '13 at 20:37

callmehiphop

636
5
10

score 0 · Answer 3 · answered Sep 26 '13 at 20:54

you also could do the following... however there are easier ways

see jsfiddle http://jsfiddle.net/kasperfish/CR5EX/2/

alert('jquery '+$("#section h1").html());

v=document.getElementById("section").getElementsByTagName("h1");

alert('javascript '+v[0].innerHTML);

How to use javascript selectors

` within a ``.

3 Answers3

` within a `
`.