javascript - 特定のテキストを含むdivの数を取得します

Question

私が取り組んでいるコードのごく一部は、次の特定のテキストを含むdivにアクセスする必要があるコードを書いています。

var txtElem = txtdiv.getElementsByTagName("div");
txtElem[9].style.border = "2px solid blue";

上記のように、インデックス番号を使用して特定のdivにアクセスしていますが、ページから選択したテキストを含むtxtElemからdivのインデックスを返すことができるコードを追加したいと思います。

Answer 1

div をループして、innerHTML で内容を確認する必要があります。

Answer 2

以下のコードを試してください

 var txtElem = txtdiv.getElementsByTagName("div");

 for ( var i = 0; i < txtElem.length; i++) {
    if(txtElem[i].innerHTML === "The text in the div") {
       //i is the index of the div that contains the text you searched on
       alert(i);
    }
 }

Answer 3

divをループし、JQuery .html()を使用して div 要素の html コンテンツを確認します。

Answer 4

使いやすさについては、jquery を使用することをお勧めします。http://api.jquery.com/contains-selector/ を参照してください。