我正在编写一些需要访问包含特定文本的 div 的代码,以下是我正在处理的一小部分代码:
var txtElem = txtdiv.getElementsByTagName("div");
txtElem[9].style.border = "2px solid blue";
如上所示,我正在使用索引号访问特定的 div,但现在我想添加更多代码,这些代码可以从 txtElem 返回我的 div 索引,其中包含页面中选定的文本
我正在编写一些需要访问包含特定文本的 div 的代码,以下是我正在处理的一小部分代码:
var txtElem = txtdiv.getElementsByTagName("div");
txtElem[9].style.border = "2px solid blue";
如上所示,我正在使用索引号访问特定的 div,但现在我想添加更多代码,这些代码可以从 txtElem 返回我的 div 索引,其中包含页面中选定的文本
您需要遍历 div 并使用 innerHTML 检查内容
试试下面的代码
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);
}
}
循环遍历 div 并使用JQuery .html()
检查 div 元素的 html 内容。
为了便于使用,您可能需要使用 jquery,请参阅http://api.jquery.com/contains-selector/