How to apply css to multiple controls with same prefix in jquery

Question

How can i apply the css to multiple controls in jquery ? Controls prefix is same.

I have tried this so far but it is not working;

var id = '#myorders_ctl' + cntrlId + '_';
 $(id + 'spanUpdateOrderItem', id + 'btnMinusOrderItem', id + 'btnAddOrderItem').css({ 'display': 'none' });

Rory McCrossan · Accepted Answer · 2019-08-06 16:06:50Z

2

The ids all need to be in a single selector string:

var id = '#myorders_ctl' + cntrlId + '_';
$(id + 'spanUpdateOrderItem,' + id + 'btnMinusOrderItem,' + id + 'btnAddOrderItem').hide();

I'd also suggest you research DOM traversal and common classes as incremental id attributes are an anti-pattern and lead to needlessly verbose logic, like the above.

answered Aug 6, 2019 at 16:06

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Collectives™ on Stack Overflow

How to apply css to multiple controls with same prefix in jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related