jQuery 이미 효과가있는 것을 제외하고 모든 앵커에 .hover()를 추가하십시오.

Question

내 웹 사이트의 모든 앵커에 .hover()를 추가하고 싶습니다. ].

jQuery에서 가능하거나 가능하면 어떻게해야할지 모르겠다.
그럴 수 없다면 또 다른 아이디어가 있지만 다시 할 수있는 방법이나 가능한지 모르겠습니다.

생각은 이렇습니다 : id가 "test"이고 부모 div의 ID가 "test2"인 부모 앵커 이외의 모든 앵커에 .hover() 효과를 추가 할 수 있습니까?

감사합니다.

Answer 1

몇 가지 방법이 있습니다.

먼저

$('a').not('#test a, #test2 a'); 

둘째

var divs_to_test = $('#test').add('#test2'); 
$('a').filter(function(){ 
    return !$(this).parent().is(divs_to_test); 
}); 

Answer 2

당신은

$('a').not($('#test a, #test2 a')) 

그 요소에없는 모든 <a>의를 선택하려면 쓸 수 있습니다.

Answer 3

내가 이것을 발견하는 가장 쉬운 방법은 다소 덜보다 간결 :

$('a').filter(
    function() { 
     if (!$(this).closest('div[id^="test"]').length) { 
      return this; 
     } 
    }).hover(
    function(){ 
     $(this).css('background-color','red'); 
    }, 
    function(){ 
     $(this).css('background-color','white'); 
    }); 

JS Fiddle demo.