안녕하세요 자바스크립트를 제이쿼리로 변환시키는 질문입니다... 채택완료
흐어어어어
3년 전
조회 1,873
</p>
<p>function filter(){</p>
<p> </p>
<p>var value, name, item, i;</p>
<p> </p>
<p>value = document.getElementById("value").value;</p>
<p>item = document.getElementsByClassName("item");</p>
<p> </p>
<p>for(i=0;i<item.length;i++){</p>
<p>name = item[i].getElementsByClassName("name");</p>
<p>if(name[0].innerHTML.indexOf(value) > -1){</p>
<p>item[i].style.display = "flex";</p>
<p>}else{</p>
<p>//item.innerHTML = "검색결과가 없습니다.";</p>
<p>item[i].style.display = "none";</p>
<p>}</p>
<p>}</p>
<p>};</p>
<p>
저는 계속 innerHTML에서 막혀서 혹시 저 소스 제이쿼리로 어떻게 바꾸는지 아시는 고수님들 계실까요..??
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
3년 전
function filter(){
var value, name, item, i;
value=$("#value").val();
item=$(".item");
item.each(function(){
if($(this).find(".name").html().indexOf(value) > -1){
$(this).css('display', 'flex');
}else{
$(this).hide();
}
});
}
위 소스를 jquery 로 바꿔보면 대충 이럴것 같네요.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인