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/

我想將鼠標懸停在“按鈕懸停”上，然后以不同的顏色為“哇”和“大聲笑”顯示帶有屬性“代碼”的元素。

致以誠摯的謝意！

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/

甚至更好：

var elements = getElements('code'),
    wow = getElements('code').filter('[code="wow"]').addClass('blue');
elements.not(wow).addClass('red');

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