Найти elem у page в js

Всем привет!

Не подскажите как правильно найти элемент у блока page. Мой код выдает null:

modules.define('page', ['i-bem__dom', 'jquery'], function(provide, BEMDOM, $) {
    provide(BEMDOM.decl(this.name, {
        onSetMod: {
            'js': {
                'inited': function() {
                    var header = this.findBlockInside(this.elem('header'), this);
                    console.log('header =', header);
                }
            }
        }
    }));
});

Заранее спасибо!

9 years ago

kompolom

var header = this.elem('header'); //найти и добавить в кеш
var header = this.findElem('header'); //только найти

этот код найдет первый page__header внутри page

9 years ago

bradbenetton

@kompolom, а как потом установить модификатор для найденного элемента? В данном же случае вернется jQuery-объект.

9 years ago

bradbenetton

Вроде я понял, надо сразу ставить модификатор =)

9 years ago

tadatuta

@bradbenetton

Чуть поправлю @kompolom: найдутся все page__header внутри page.

Чтобы установить модификатор, следует использовать методы блока, передавая элементы первым опциональным параметром:

this.setMod(this.elem('header'), 'modName', 'modVal');

Все методы i-bem описаны в https://ru.bem.info/technology/i-bem/

9 years ago

kompolom

this.setMod(this.elem('header'), 'modname', 'modval');

9 years ago

bradbenetton

спасибо =)

9 years ago

qfox

@kompolom чуть-чуть не так:

var header = this.elem('header'); // взять из кеша || найти и положить в кеш
var header = this.findElem('header'); // найти и обновить кеш

Чтобы оставлять комментарии, необходимо авторизоваться.