MouseOver - показываем 1 элемент из нескольких одинаковых
 

Приветствую, прошу помощи.

Подскажите как сделать... есть несколько div со вложенным span :
<div id="agr"><span></span></div>
<div id="agr"><span></span></div>
<div id="agr"><span></span></div>
<div id="agr"><span></span></div>

Нужно сделать так, что при наведении курсора на div показывался только span вложенный в этот div ... проблема в том, что показываются все спаны сразу

id должен быть уникальным в пределах страницы

Что, были прецеденты: кто то каждый раз генерировал абсолютно уникальный id?)))

понятия не имею, что вы имели ввиду под "показыванием span"...надеюсь ошибок я не наделал и все работает адекватно:)

function lala(obj){
alert($($(obj).children().get(0)).text());
}

<div id="agr" onmouseover="lala(this);"><span>1111</span></div>
<div id="agr" onmouseover="lala(this);"><span>2222</span></div>
<div id="agr" onmouseover="lala(this);"><span>3333</span></div>
<div id="agr" onmouseover="lala(this);"><span>4444</span></div>

раз создали тему читайте, что вам пишут

monolithed,
Раз пишешь другим что им читать, прочитай внимательно кто именно, что пишет ;)
Например ТС, пока еще не появлялся в теме

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

moblex

Меняйте ID на класс и пишите:

$("div.agr").bind("mouseover mouseout", function () {
	$("span", this).toggle();
});