как связать селекторы JavaScript

Question

Я выбрал следующие идентификаторы в angularjs, и я хочу установить css на diplay none. следующий код работает хорошо

angular.element(document.getElementById('cont_' + i)).css({display: 'none' })
angular.element(document.getElementById('resize_' + i)).css({ display: 'none' })

есть ли способ связать оба селектора, чтобы мне не нужно было писать

.css({display: 'none' })

дважды? я попробовал следующее, но это, очевидно, не работает

angular.element(document.getElementById('cont_' + i)).
angular.element(document.getElementById('resize_' + i)).css({ display: 'none' })

Кроме того, мне нужно, чтобы они были с отдельным идентификатором, потому что я использую их отдельно в других местах.

любые идеи,

спасибо,

Answer 1

Используйте динамические селекторы CSS. Просто возьмите родительский элемент, а затем напишите div[id^=cont_] и напишите там css.

Answer 2

Вы можете использовать document.querySelectorAll, таким образом:

angular.element(document.querySelectorAll('#cont_' + i, '#resize_' + i)).css({display: 'none' })