안녕하세요 자바스크립트를 제이쿼리로 변환시키는 질문입니다... 채택완료

Copy
function filter(){

 

var value, name, item, i;

 

value = document.getElementById("value").value;

item = document.getElementsByClassName("item");

 

for(i=0;i<item.length;i++){

name = item[i].getElementsByClassName("name");

if(name[0].innerHTML.indexOf(value) > -1){

item[i].style.display = "flex";

}else{

//item.innerHTML = "검색결과가 없습니다.";

item[i].style.display = "none";

}

}

};

 

저는 계속 innerHTML에서 막혀서 혹시 저 소스 제이쿼리로 어떻게 바꾸는지 아시는 고수님들 계실까요..??

답변 1개

채택된 답변
+20 포인트

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 로 바꿔보면 대충 이럴것 같네요. 

로그인 후 평가할 수 있습니다

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

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

로그인
🐛 버그신고