查找使用的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屬性包含特定單詞的所有元素。是否有可能在JS中使用簡單的DOM？

Answer 1

由於元素文本不是屬性，我不認爲你可以用屬性選擇器來抓取它。但是，您可以過濾NodeList以返回textContent中單詞「Stock」的元素。

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 

這是使用傳播和lambdas的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"); 
})