채택완료

스크립트 질문 드립니다.

2019-09-17 (화) 01:15:18 2,166

아래 #popup 은 초기에 히든 상태 인데요

입력창에 "홍길동" 이라고 입력하면 match 를 이용해서 popup div 문자열에서 포함되는 문자가 있으면

#popup 은 열리게 했습니다.

그런데 그 안에서도 홍길동이 포함된 요소 div 만 block 처리 하고 싶은데 잘 안되네요..

홍길동 div만 보이고 아무개 div 는 보이면 안되겠지요..

아래 빨간 부분 스크립트만 완성되면 좋겠습니다^^;

<div id="popup">

  <div>홍길동 입니다.</div>

  <div>아무개 입니다.</div>

  <div>홍길동 입니다.</div>

  <div>홍길동 입니다.</div>

  <div>아무개 입니다.</div>

</div>

$(입력창).on("keyup", function() {
        if(요소문자열.match(입력창문자열)) {
             $('#popup').show();

             홍길동이 포함된 요소 div 만 보이기
        }
});

|

답변 1개

채택된 답변
+20 포인트
Copy
$(입력창).on("keyup", function() {

    if(요소문자열.match(입력창문자열)) {

        $('#popup').show();

        $('#popup div').hide();

        for(var i=0;i<$('#popup div').length;i++){

            if($('#popup div').eq(i).text().match(입력창문자열)){

                $('#popup div').eq(i).show();

            }

        }

    }

});

답변을 작성하려면 로그인이 필요합니다.