获取包含特定文本的 div 的数量答案

【问题标题】：get the number of div which contains the particular text获取包含特定文本的 div 的数量
【发布时间】：2012-04-23 14:38:16
【问题描述】：

我正在编写一些需要访问包含特定文本的 div 的代码以下是我正在处理的一小部分代码：

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

如上所示，我正在使用索引号访问特定的 div，但现在我想添加更多代码，这些代码可以从 txtElem 返回我的 div 索引，其中包含页面中选定的文本

【问题讨论】：

你能显示一些标记吗？

标签： javascript html css

【解决方案1】：

您需要循环遍历 div 并使用 innerHTML 检查内容

【讨论】：

@hiteshtr ，如果您想获得用户的选择，您可能需要查看此线程：stackoverflow.com/questions/845390/…

【解决方案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);
    }
 }

【讨论】：

【解决方案3】：

遍历 div 并使用 JQuery .html() 来检查 div 元素的 html 内容。

【讨论】：

【解决方案4】：

为便于使用，您可能需要使用 jquery，请参阅 http://api.jquery.com/contains-selector/

【讨论】：

但是这个方法不会返回我存储在txtElem中的div的索引
但是如果你将它存储在一个 var 中，你就有对节点的引用，这样你就可以将你的 css 添加到那个 .css 方法中不合适？？