jQuery добавить .hover () для каждого якоря, кроме тех, которые уже имеют эффект

Question

Я хочу добавить .hover () ко всем якорям на моем веб-сайте, кроме тех, которые уже имеют .hover () [ранее отдельно добавили .hover ()]. ​​

Я понятия не имею, как это сделатьэто в JQuery или, если это возможно.Если это невозможно, у меня есть другая идея, но опять же, я не знаю, как это сделать или возможно ли это.

Идея такова: могу ли я добавить эффект .hover () к каждому якорю, кроме тех, которыев родительском div с идентификатором «test», а те в родительском div с идентификатором «test2»?

Спасибо!.

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> s, которые не входят в эти элементы.

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 .