안녕하세요 자바스크립트를 제이쿼리로 변환시키는 질문입니다...
본문
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
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 로 바꿔보면 대충 이럴것 같네요.
답변을 작성하시기 전에 로그인 해주세요.