jQuery 코드 리팩토링 및 DRY up

Question

내가하고있는 일은 내가 가져온 ID와 동일한 클래스 이름을 가진 모든 요소에 클래스를 추가하는 것입니다. 예를 들어, 모음의 id로 모음 항목을 가리키면, 이름 모음의 클래스가있는 모든 span 요소가 작동하게됩니다 (클래스 추가).

아무 문제없이 할 수 있습니다. 하지만 해당 클래스 이름으로 다른 많은 id 이름에 대해 동일한 작업을 수행하려고합니다. 예 : 자음, 세미 - 모음, 거문고, palatals 등

나는이 모든 것을 다른 기능으로 할 수 있지만 같은 일을 수행하지만 충분히 똑똑 할 기능을 호출하고 싶습니다. id의 이름과 클래스 이름을 생성합니다.

id 이름을 변수에 추출하고 클래스 이름에 할당하는 방법은 무엇입니까?

$("[id]").hover(function() { 
    $("." + this.id).addClass("highlight"); 
}, function() { 
    $("." + this.id).removeClass("highlight"); 
}); 

을하지만 반드시 권하고 싶지 않다 :

Answer 1

이 작업을 수행 할 수 있습니다. 나는 더 정적으로 그것을 정의하는 경향이있을 것이다 :

또는 이와 비슷한 것.

당신은 플러그인을 사용할 수

Answer 2

:

$.fn.highlight = function() { 
    return this.each(function() { 
     $(this).hover(function() { 
      var id = $(this).attr('id'); 
      $('.'+id).addClass('myclass'); 
     }); 
    }); 
} 

이 같이 호출 할 수

$(document).ready(function() { 
    $('span').highlight(); 
});