이 클래스를 선택하는 방법

Question

값 목록이 있습니다. 값을 가리키면 동일한 클래스 값이 표시되는 스크립트를 원합니다. 나는 이러한 요소

를 표시하기 위해 CSS를 불투명도 값을 사용하고있어 그래서 이것은 내 스크립트입니다 : 당신의 text는 하나의 클래스 만있는 경우 는

$(document).ready(function() { 
    $("text").hover(function() { 
     $("text").css("opacity","0.2"); 
     $(this). *this element's class* .css("opacity","1"); 
    }, function() { 
     $("text").css("opacity","1"); 
    }); 
}); 

Answer 1

, 당신은

$(this).attr("class"); 

을 수행하여 그를 조회 할 수 있습니다

그런 다음이 같은 선택에 그것을 사용할 수 있습니다

$("."+myclass).css("opacity","1"); 

전체 예제 코드보기 : http://jsfiddle.net/zhwrf54e/

Answer 2

getAttribute를 사용하여 클래스를 가져온 다음 "."을 추가하십시오. 클래스 선택기를 사용합니다.

$(document).ready(function() { 
$("text").hover(function() { 
    $("text").css("opacity","0.2"); 
    var className = $(this.getAttribute("class")); 
    $("." + className).css("opacity","1"); 
}, function() { 
    $("text").css("opacity","1"); 
}); 
}); 

여러 개의 클래스가있는 경우 공백으로 분할하고 "."을 추가해야합니다. 각각은 루프를 사용합니다.