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/

我想将鼠标悬停到“BUTTON HOVER”，然后用不同颜色的“wow”和“lol”显示属性“code”。

提前致以问候和感谢!

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/