Как передать контейнеру свойства блоков на jQuery?

Question

[Andrej Sharapov]

Как реализовать передачу css свойств блоков одному контейнеру? Я не осилил, может подскажете, в какую сторону смотреть?

JS функция:

[].forEach.call(doc.querySelectorAll('.block'), function (node) {
                node.onmouseover = function () {
                    doc.querySelector('.card__content').style.backgroundColor = getComputedStyle(node).backgroundColor;
                }
                node.onmouseleave = function () {
                    doc.querySelector('.card__content').style.backgroundColor = '';
                }
            });

Мои зачатки на jQuery:

if ($( '.block' ).mouseover) () => {
                $( '.card__content' ).css('background-color', $( '.block' ). тут какое-то свойство -__- )
            }, () => {
                $( '.card__content' ).css('background-color, ' ')
            }

Answer 1

[Александр]

ну как бы поисковик
в jQuery все просто $('.block').css('backgroundColor')
и 'background-color' === 'backgroundColor'

var $cardContent = $( '.card__content' );
$('.block').hover(
    function() {
        $cardContent.css('backgroundColor', $(this).css('backgroundColor'));
    }, function() {
        $cardContent.css('backgroundColor','');
    }
);

Comments

[Andrej Sharapov]

спасибо!

Answer 2

[Антон Усачев]

Если правильно понял вопрос:

Comments

[Andrej Sharapov]

спасибо!

Answer 3

[DanKud]

$('.block')
    .on('mouseover', function() {
        $('.card__content').css('background-color', $(this).css('background-color'));
    })
    .on('mouseleave', () => {
        $('.card__content').css('background-color', '');
    });