javascript getting elements with a specific class and style

[Gman]

Here's the deal, i've got some tables like so

<div class="holder">
<table>
	<tr>
		<td>
			<table>
				<tr>
					<td>
					</td>
				</tr>
			</table>
			<table>
				<tr>
					<td>
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>
<table class="GroupHolder">
	<tr>
		<td>
			<table>
				<tr>
					<td>
					</td>
				</tr>
			</table>
			<table>
				<tr>
					<td>
					</td>
				</tr>
			</table>
			<table style="display:none">
				<tr>
					<td>
					</td>
				</tr>
			</table>
			<table style="display:none">
				<tr>
					<td>
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>
</div>

Now using javascript I need to show the tables that are currently hidden i.e. display:none.

I can't alter the html structure at all or add any extra id's name's etc.

Another thing to not is that theres more html to this with input fields are are set as hidden so I can't just do a general search for the display:none and reverse it.

SO to sum up I need to walk through the table elements within the class="holder" and pick out tables that have the style="display:none" and change this style to display:block etc to show it when I click a button.

Any ideas on this was trying to do something with getting an array of all the elements that are within the class="holder" then going through the array elements and checking the attributes of the elements that are tables and if they have a style="display:none then alter its attribute.

But not sure how to do this

 

[robmiller]

It's one line if you use jQuery.

$("table.holder:hidden").css("display", "block");

 

[Gman]

interesting might have to take a look at that thanks mate.

 

[Sic]

I've been using jQuery for the last few days. I can't, for the life of me, remember why I haven't been using it full time since forever

 

[GeForce]

I've been using jQuery for the last few days. I can't, for the life of me, remember why I haven't been using it full time since forever

Something I'm going to have to learn I think! Looks extremely useful

 

[Sic]

Something I'm going to have to learn I think! Looks extremely useful

it takes about 5 minutes - it's saved me about 3 days in the last 2 days!

figure that one out!

 

[GeForce]

Any recommendations on how to learn it? I've had a quick look around on the Jquery site. But being a library it contains hundreds of methods and functions, so is there any specific way you'd recommend of going about it?

I'm competent in HTML & JavaScript, so I daresay that'll help!

Jon

 

[Sic]

I did it by thinking of some stuff that I could probably create with it, then implementing it by going through the documentation (which isn't actually as daunting as it first looks)