how to chain javascript selectors

Question

i've selected the following Ids in angularjs and i want to set the css to diplay none. the following code works well

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

is there a way to chain both selectors to i don't have to write

.css({display: 'none' })

twice? i tried the following but it obviously does not work

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

also, i need them to be with separate id because i use them individually in other places.

any ideas,

thanx,

Henrique Viana · Accepted Answer · 2018-08-30 20:56:26Z

1

You can use document.querySelectorAll, thus:

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

answered Aug 30, 2018 at 20:56

Henrique Viana

6804 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Henrique Viana Over a year ago

In fact, the .css () function is from angular.element

georgeawg · Accepted Answer · 2018-09-01 14:30:58Z

0

Use css dynamic selectors. Just get a parent element and then write div[id^=cont_] and write css there.

edited Sep 1, 2018 at 14:30

georgeawg

49k13 gold badges78 silver badges98 bronze badges

answered Aug 30, 2018 at 20:59

Ajay Singh

1711 gold badge3 silver badges13 bronze badges

Collectives™ on Stack Overflow

how to chain javascript selectors

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related