選擇子元素的父類

Question

jQuery中，我們把選擇的子元素使用這樣

$('.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」）兒童（「[類]」）