1

そのようなことはどのように機能しますか:

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」にカーソルを合わせてから、この要素を属性「code」で「wow」と「lol」の異なる色で表示したいと思います。

よろしくお願いします！

4

1 に答える 1

0

このバージョンはどうですか:

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/

于 2013-11-30T17:47:54.437 に答える