스크립트 질문 드립니다.
본문
아래 #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
$(입력창).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();
}
}
}
});
답변을 작성하시기 전에 로그인 해주세요.
