자바 스크립트 검색 바 전용 검색 제목

전체 div가 아닌 b 태그 만 검색하려면 어떻게해야합니까? 이제 전체 div에서 검색 할 수 있지만 b 태그의 제목 만 검색 할 수 있기를 원합니다. 목록에 이름이있는 경우, 그것은 제거 할 수있다 HTML :자바 스크립트 검색 바 전용 검색 제목

<div class="row"> 
    <div class="col-md-3"> 
    <div class="panel panel-default" id="list"> 
     <div class="panel-header"> 
      <div class="input-group"> 
       <input type="text" class="form-control" placeholder="Search for users" id="searchName"/> 
       <div class="input-group-btn"> 
        <div class="btn-group"> 
         <button type="button" class="btn btn-primary"> 
          <span class="glyphicon glyphicon-search"></span></button> 
        </div> 
       </div> 
      </div> 
     </div> 
     <div class="panel-body" id="user1"> 
      <div class="row"> 
       <div class="col-md-4"> 
        <img src="" class="img-thumbnail"> 
       </div> 
       <div class="col-md-8"> 
        <b>Pieter</b><br> 
        (Laatste bericht)<br> 
        <i>12:01</i> 
       </div> 
      </div> 
     </div> 
     <div class="panel-body" id="user2"> 
      <div class="row"> 
       <div class="col-md-4"> 
        <img src="" class="img-thumbnail"> 
       </div> 
       <div class="col-md-8"> 
        <b>Karel</b><br> 
        (Laatste bericht)<br> 
        <i>11:15</i> 
       </div> 
      </div> 
     </div> 
     <div class="panel-body" id="user3"> 
      <div class="row"> 
       <div class="col-md-4"> 
        <img src="" class="img-thumbnail"> 
       </div> 
       <div class="col-md-8"> 
        <b>Pilot</b><br> 
        (Laatste bericht)<br> 
        <i>9:36</i> 
       </div> 
      </div> 
     </div> 
    </div> 
</div>

자바 스크립트 :

function contains(text_one, text_two){ 
    if (text_one.indexOf(text_two) != -1){ 
     return true; 
    } 
} 

$("#searchName").keyup(function() { 
    var searchName = $("#searchName").val().toLowerCase(); 
    $(".panel-body").each(function() { 
     if(!contains($(this).text().toLowerCase(), searchName)) { 
      $(this).hide(); 
     } 
     else { 
      $(this).show(); 
     } 
    }); 
});

이

출처

2017-02-01 Stan van Heertum

봅니다 : "경우가 {(!이.. ($ (이) .find ('B') 텍스트를()와 toLowerCase(), searchName) 포함)?" –

감사합니다. 나는 verdy new를 javascript로 사용하고 많이 올려야 할 필요가 있지만 실제 답변을 찾지 못했습니다. 고마워요! –

답변으로 추가하고 승인하겠습니까? –

조건에서 사용 find()가에 초점을 요소의 하위 B 태그 :

전 :

if(!contains($(this).text().toLowerCase(), searchName)) {

후 :

if(!contains($(this).find('b').text().toLowerCase(), searchName)) {

출처

2017-02-01 12:26:57

자바 스크립트 검색 바 전용 검색 제목

답변

관련 문제