div 클래스 안에 javascript로 텍스트 검색

Question

자동으로 특정 문자열을 검색 할 수있는 스크립트를 만들고 싶습니다. (텍스트 상자가 없거나, 버튼을 눌러서 "bear"라는 단어를 검색합니다. "예를 들어)"document.getElementByClassName "을 사용하여 ... 내 C# dev 두뇌는"content "또는"contains "와 같은 것으로 시작했지만 끔찍하게 실패했습니다. 누구든지 예제 코드로 저를 도울 수 있습니까? 사전 : 내가 쉽게 클래스 이름으로 요소를 얻을 검색 값있는 사람을 식별하기 위해 jQuery를 사용하는 것이 좋습니다 것

Answer 1

에서

감사합니다. 뭔가 같이 : 당신은 바닐라 자바 ​​스크립트로 제한하는 경우

var searchValue = "bear"; 

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

, 여기에 예입니다

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, 생각 요소는 찾고자하는 문자열과 일치합니다. 대/소문자를 구분합니다.

Answer 2

당신은 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 
    } 
}