Найти элементы с помощью InnerText

Question

Я использую это:

document.querySelectorAll('div.pu-g div.pure-u div.des.3-mb-1 div.ng-spe span.ng-binding.ng-scope[contains(text(),'Stock')]') 

, но я получаю эту ошибку:

SyntaxError: missing) after argument list 

То, что я пытаюсь сделать, это принять все элементы, которые содержат в InnerText конкретное слово. Можно ли сделать это в простой DOM с JS?

Answer 1

Поскольку текст элемента не является атрибутом, я не думаю, что вы можете его захватить с помощью селектора атрибутов. Тем не менее, вы можете фильтровать NodeList для возврата элементов, которые include слова «Stock» в их textContent.

const stocks = [...document.querySelectorAll("div.pu-g div.pure-u div.des.3-mb-1 div.ng-spe span.ng-binding.ng-scope")] 
    .filter(elements => elements.textContent.includes("Stock")) //note that `includes` is case sensitive 

Это код ES6 с использованием спреда и лямбда. Вот решение ES5.

var stocks = [].slice.call(document.querySelectorAll("div.pu-g div.pure-u div.des.3-mb-1 div.ng-spe span.ng-binding.ng-scope").filter(function(elements) { 
    return elements.textContent.includes("Stock"); 
})