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 DIV visiblity property at one times something like

$('testDiv*').css('visibility', 'visible'); 
OR
$('testDiv*').css('visibility', 'hidden');

There is workaround to this problem. I can have a class named “.comnClass” for all the DIV’s and change its property
But i want a solution having four different DIV id.

THANKS ALL

Answer 1

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.