jquery help for div having same prefix id

Question

I have 4 DIV\'s with different ID\'s (but have same prefix (testDiv[1|2|3|4]) ) and i want to set their visblity(visible or hidden) on some event. How can i use to set the

Answer 1

$('div[id^=testDiv]').attr('visibility', 'hidden');

Answer 2

Having a common class is not the workaround. It is the right way to do it. The class establishes the relationship between these four elements so that you can manipulate them in a single go. The id is used to be able to identify them uniquely.

Answer 3

You can use the starts with selector ^= like this:

$('div[id^=testDiv]').css('visibility', 'visible'); 

Description: Selects elements that have the specified attribute with a value beginning exactly with a given string.

Note that if you use a class instead, you can target them easily but that depends on your requirements.