在div类中使用javascript搜索文本

时间:2014-02-18 17:10:34

标签: javascript search

我想创建一个脚本,我可以自动搜索某个字符串(没有文本框或任何内容,我想按下按钮,它会搜索单词“bear”,例如在a)中使用“文档” .getElementByClassName“......我的C#dev大脑开始寻找类似”内容“或”包含“的东西,但我失败了......任何人都可以帮我一个示例代码吗?

提前致谢:)

2 个答案:

答案 0 :(得分:4)

我建议使用jquery轻松按类名获取元素并识别具有搜索值的元素。类似的东西:

var searchValue = "bear";

$(".ClassName").each(function(){
  if($(this).html().indexOf(searchValue) > -1){
     //match has been made
  }
});

如果你被限制在vanilla javascript中,这是一个例子:

var els = document.getElementsByClassName("ClassName");
var searchValue = "bear";

for(var i = 0; i < els.length; i++){
  if(els[i].innerHTML.indexOf(searchValue) > -1){
    //match has been made   
  }
}

我认为您真正需要的是比较器String.indexOf(SearchValue) > -1,它将识别元素的内容是否与您要查找的字符串匹配。请注意,它区分大小写。

答案 1 :(得分:3)

您正在寻找String.indexOf(string)JavaScript indexOf

您可以这样做:

var elements = document.getElementsByClassName('class'); // get the elements

// loop through the elements
for (var i = 0; i < elements.length; i++) {
    if (elements[i].innerHTML.indexOf(search) > -1) {
        alert('found'); // popup
    }
}