select child element using parent class

Question

In jquery we put select child element using like this

$('.parentClass .childClass')....

is there any way to select child class using parent class in javascript

I think this is already answered here: http://stackoverflow.com/a/10189936/140638 — Jesse Kochis, Aug 05 '16 at 13:14

score 2 · Answer 1 · answered Aug 05 '16 at 13:10

2

For Javascript try this

document.querySelectorAll('.parentClass .childClass')

You can use css selector as argument in this function. This function not supported in lower version of IE

answered Aug 05 '16 at 13:10

Pratik Parekh

it does have good support, IE8+, with one exception fo IE8 it should be CSS2 selectors only – Mi-Creativity Aug 05 '16 at 13:13

score 0 · Answer 2 · answered Aug 05 '16 at 13:12

0

html:

<ul class="example">
  <li class="child">Coffee</li>
  <li class="child">Tea</li>
</ul>

javascript:

var list = document.getElementsByClassName("example")[0];
list.getElementsByClassName("child")[0].innerHTML = "Milk";

answered Aug 05 '16 at 13:12

Gokul

score 0 · Answer 3 · answered Aug 05 '16 at 14:35

The question is not clear but if you want to get all nested child elements which has class, this can be work:

$("parentElementSelector").find("[class]")

But if you want to just next child elements you can use this:

$("parentElementSelector").children("[class]")

3 Answers3