Веб-очистка класса, который идет только после определенного класса

Question

Это упрощенный образец HTML, который я хочу очистить:

<td class='goal'>
    <div>
        <span>
            <span>
                <span class='cellValue'>

Я хочу очистить значение, находящееся в классе 'cellValue', но в моем html есть много не связанных между собой. Я хочу очистить только те, которые появляются после класса "цель".

Может кто-нибудь сказать мне, как это сделать? Я использую кукловод, и я попробовал следующее:

Я пробовал такие вещи, как:

let goals = document.querySelectorAll('.goal > .cellValue')

let goals = document.querySelectorAll('.goal.cellValue')

Ничего не помогло. Помогите пожалуйста:)

Спасибо

Answer 1

Ваш селектор должен быть .goal .cellValue:

let goals = document.querySelectorAll('.goal .cellValue')

.goal > .cellValue будет выбирать только элементы с классом .cellValue, чей прямой родительский элемент имеет класс .goal. Поскольку в вашем случае между ними есть несколько предков, вам нужен более обширный .goal .cellValue запрос.

Также .goal.cellValue выбирает элементы, которые содержат оба класса. Надеюсь, это поможет!