の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

要素のテキストは属性ではないので、属性セレクタで取得することはできません。ただし、textContentに「在庫」という単語がincludeという要素を返すようにNodeListをフィルタリングできます。

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"); 
})