使用父类选择子元素

Question

在jquery中，我们将select子元素这样使用

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

有没有办法在javascript中使用父类选择子类

Answer 1

对于Javascript，请尝试以下操作

document.querySelectorAll('.parentClass .childClass')

您可以在此函数中使用css选择器作为参数。 较低版本的IE不支持此功能

Answer 2

的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";

Answer 3

这个问题尚不清楚，但是如果您想获得所有具有类的嵌套子元素，则可以这样做：

$（“ parentElementSelector”）。find（“ [class]”）

但是，如果您只想下一个子元素，则可以使用以下命令：

$（“ parentElementSelector”）。children（“ [class]”）