Javascript парения с querySelectorAll

Question

Как сделать такую ​​вещь, чтобы работать:

function getElements(attrib) { 
    return document.querySelectorAll('[' + attrib + ']'); 
} 

$(window).load(function() { 
    $(".b1").hover(function() { 

     $(this).className = 'x'; 

     var elements = getElements('code'); 

     for (var i = 0; i < elements.length; i++) { 
      if (elements[i] == 'wow') { 
       elements[i].className = 'blue'; 
      } else { 
        elements[i].className = 'red'; 
      } 
     } 

    }, function() { 
     $(this).className = 'y'; 
    }); 
}); 

http://jsfiddle.net/rc6Pq/10/

Я хотел бы зависать в «КНОПКА НАВЕДЕНИЕ», а затем показать эти элементы с atributes «код» в разных цветах для «вау» и «лол».

С уважением и благодарностью!

Answer 1

Что об этой версии:

function getElements(attrib) { 
    return $('[' + attrib + ']'); 
} 
$(window).load(function() { 
    $(".b1").hover(function() { 
     $(this).className = 'x'; 
     var elements = getElements('code'); 
     getElements('code').addClass('red').filter('[code="wow"]') 
     .removeClass('red').addClass('blue'); 
    }, function() { 
     $(this).className = 'y'; 
    }); 
}); 

http://jsfiddle.net/rc6Pq/11/

или даже лучше:

http://jsfiddle.net/rc6Pq/12/