クラス名とテキストの両方で要素を検索するためのセレクタ

Question

クラス名とテキストの両方で要素を検索するセレクタとは何ですか？例：

<div class="a1">some text</div> 
<div class="a1">some other text</div> 
<div class="a2">some text</div> 

div要素がクラス "a1"と "some text"のみを扱っているとします。事前に

おかげで、 アルバロ

Answer 1

あなたはこのような:contains()セレクター使用することができます

$('.a1:contains("some text")'); 

Answer 2

を私がスタックにかなり新しいんだけど、私は、これはあなたが求めているものであると思います。

if (document.getElementsByClassName("a1").text = "some text") {...} 

Answer 3

あなたはNodeListからArray、Array.prototype.find()をチェックして、変数または文字列リテラルの要素の一致.textContentプロパティにキャストするパラメータセレクタ"[class='a1']"、配列リテラルと拡散要素とdocument.querySelectorAll()を使用することができます。

[...document.querySelectorAll("[class=a1]")] 
 
.find(({textContent}) => textContent === "some text") 
 
.style.color = "green";

<div class="a1">some text</div> 
 
<div class="a1">some other text</div> 
 
<div class="a2">some text</div>