скрыть содержимое div
 

добрый вечер.

надеюсь на вашу помощь.
ситуация следующая:
есть

<div id="id_content">
<div id="123">
...
</div>
<table class="admin_table" width="100%" cellspacing="2" cellpadding="2">
<table class="light_table" width="100%" cellspacing="0" cellpadding="5" border="1" style="margin-top: 8px;">
</div>

как мне скрыть в диве с id=id_content все кроме дива с id=123?:help: :help: :help:
к таблицам не могу прописать id,т.к. формирую не я а CMS.

можно ли подобраться к таблицам не зная id?

Как вариант...

<style type="text/css">
#id_content > table {
	display: none;
}
</style>

<div id="id_content">
	<div id="123">
	...
	</div>
	<table class="admin_table" width="100%" cellspacing="2" cellpadding="2">
		<td>Test 1</td>
	</table>
	<table class="light_table" width="100%" cellspacing="0" cellpadding="5" border="1" style="margin-top: 8px;">
		<td>Test 2</td>
	</table>
</div>

так это применится ко всем талблицам в CMS, а мне такого не надо

Он жеж указал что бы тока коренные детишки прятались этого дива
вот знак ">" говорит тока к детишкам применить.

так <div id="id_content"> и <table class="admin_table" ...> формирует cms и они везде

решил так сделать. под своим <div id="123">...</div> создал незакрывающийся <div id='other' style='display: none;'>
другого выхода я не нашел

ВНИМАНИЕ РЕШЕНИЕ

function hiide(_selector){
			var q = document.querySelectorAll(_selector)
			for(var i = 0; i < q.length; i++){
						q[i].style.display = 'none'
			}
}
function shoow (_selector){
			var q = document.querySelectorAll(_selector)
			for(var i = 0; i < q.length; i++){
						q[i].style.display = ''
			}
}


hide ("#id_content:not(#123)") // скрывает
show ("#id_content:not(#123)") // показывает

И ОТВЕТ НА ВОПРОС
да к любым элементам можно подбираться не зная не их id не их классов! Для этого существуют селекторы. это именно то что тебе стоит подучить. именно селекторы и передаются в функцию которую я написал и именно они и выбирают элементы. селекторы очень мощные. можно выбрать например все кроме пятого элемента в дочерних элементах нечетных дивов всех спанов с классом не равным 'блаблабла'

__________________________________________________ ______________________

querySelector, querySelectorAll

Но в старых браузерах ее нет, в ИЕ ниже 8-й версии нету. Да и в ИЕ8 она не полноценно работает, хотя простые селекторы обрабатывает

и что? значит эти браузеры не поддержат этот алгоритм, и пользователи подумают "вот говенные браузер у меня" и поменяют их на хром.
ну если уж нужна совместимость тогда пусть юзает фреймворки, или я не прав? я же не буду тут распиывать самодельный движок выборки селекторов???

Никто и не заставляет.