클래스를 찾으려면 jQuery switch 문을 사용하십시오.

Question

목록이 있고 클릭 된 요소에 특정 클래스가 있는지 여부에 대한 switch 문을 실행하고 싶습니다. 그런 다음 다른 모든 요소를 ​​숨 깁니다.

내가 가지고있는 것이지만 switch 문은 클릭으로 설정된 변수를 선택하지 않습니다.

<ul> 
    <li class="all"><a>Show all</a></li> 
    <li class="design"><a>Design</a></li> 
    <li class="dev"><a>Development</a></li> 
    <li class="ux"><a>UX</a></li> 
    <li class="print">Print</a></li> 
</ul> 

과 :

$(function() { 
$('a').click(function() { 
    var wrkType = $(this).parent().attr('class') 

    //alert(day) // alerts ! 
    }); 
}); 

switch (wrkType) 
{ 
case 'dev': 
    alert('yahmon!') 
    if (!$('li').hasClass('dev')) { $('li').fadeOut(300); } 
    break; 
case 'all': 
    //All things on 
    break; 
} 

PLZ 날은 클릭 콜백에 로컬 global.Now :

다른 함수의 변수에 액세스하는 경우

Answer 1

같은

이

$(function() { 
    $('a').on('click', function() { 
    var wrkType = $(this).parent().attr('class') 
    WorkType(wrkType); 
    //alert(day) // alerts ! 
    }); 
}); 

function WorkType (wrkType) { 
switch (wrkType) 
{ 
    case 'dev': 
     alert('yahmon!') 
     if (!$('li').hasClass('dev')) { $('li').fadeOut(300); } 
    break; 
    case 'all': 
     //All things on 
    break; 
} 
} 

내가 on 대신 click를 사용하는 것이 좋습니다 것입니다 작동합니다.

Answer 2

, 당신의 workType 변수를 확인 배울 HALP 기능.

동일한 클릭 이벤트 콜백에서 실행하려면 전환 코드를 콜백 함수 내부로 이동하십시오. 이

$('a').click(function() { 
    var wrkType = $(this).parent().attr('class') 
    switch(wrkType){ 
     case 'dev': 
    -- 

-- 
    } 
});