Сложные селекторы

[AlMironoff]

Такая вот конструкция:

<div class="parent">
       <div class="child-lev-1">
      		<a href="#"><div class="child-lev-2"></div></a>
       </div>
       <div class="child-lev-1-1">
                <a href="#">Link</a>
       </div>
</div>

Такой код:

$(".parent div").hover(function() {
      $(как здесь определить "child-lev-2"?).addClass("hvr");

Т.е. - как выбрать именно этот (.child-lev-2), очень нужный элемент?
P.S. - таких конструкций на странице очень много, с id не получается...

[Tim]

xPath вам в руки http://www.rsdn.ru/article/inet/jQuery.xml#E4ZAE

хотя возможно я поторопился, должно проще делаться, просто я jQuery мало общаюсь. Но всё равно ссылку посмотрите там много полезных примеров.

[colonel]

Вот так должно работать:

$('div[class="child-lev-2"]').addClass("hvr")

с id - тоже самое:

$('div[id="child-lev-2"]').addClass("hvr")

[AlMironoff]

[quote=colonel;37277]Вот так должно работать:

$('div[class="child-lev-2"]').addClass("hvr")

Не работает. вернее работает, но неправильно - выбирает ВСЕ элементы class="child-lev-2" на странице. а нужен только один, который находится в том-же "parent"-элементе... поэтому же я и написал сначала

$(".parent div").hover(function() {

- чтобы функция реагировала только на элементы, вложенные в парент.

[AlMironoff]

xPath вам в руки http://www.rsdn.ru/article/inet/jQuery.xml#E4ZAE

хотя возможно я поторопился, должно проще делаться, просто я jQuery мало общаюсь. Но всё равно ссылку посмотрите там много полезных примеров.

Примеров много, спасибо, только вот все не то...

$(".parent div").hover(function() {
	$(this).addClass("hvr");	}

работает, но недостаточно правильно. не отрабатывает добавление класса к "child-lev-2", если срабатывает на "child-lev-1-1".

[micscr]

Пробуй так:

$(".parent div").hover(
    function() 
    {
        $(".child-lev-2", this).addClass("hvr") 
    }
);

P.S. У меня работает - может и то что ты хочешь.

[Urfin]

$(".parent div").hover(
function() {
     $(this).find(".child-lev-2").addClass("hvr");
},
function(){
    $(this).find(".child-lev-2").removeClass("hvr");
}
);

[AlMironoff]

Micscr, Urfin - огромное спасибо, все Ваши предложенные варианты - работают. Именно то, что надо.

[rozmath]

Привет всем!
Есть система переписки на php + mySql + jQuery
Проблема вот в чем:
Нужно реализовать клик мышки на комментарии.
Комментарии находятся в такой иерархии:

<div class="form_field_center" id="message_list">
	<div id="newComment"></div>
	<div id="comment_list">
          //Сообщение читаются из базы и вставляются сюда
        </div>
</div>

Сообщения читаются из базы в файле .рhp и возвращаются благодаря функции на AJAX

foreach($comments as $c)
	echo '<div>'.$c->markup_read().'</div>';

$('#comment_list').append(html);

В свою очередь, существует класс сообщений с методом markup_read, что возвращает HTML разметку сообщение с соответствующими классами.

public function markup_read(){
		$this->data['date_time'] = strtotime($this->data['date_time']);
		
		return '<div class="comment" id='.$this->data['id'].'>
						<div class="avatar"></div>
						<div class="delete" id='.$this->data['id'].'></div>
						<div class="edit" 	id='.$this->data['id'].'></div>
						<div class="author">'.$this->data['author'].' ᐅ '.$this->data['recipient'].'</div>
						<div class="date" title="Added at '.date('H:i \o\n d M Y',$this->data['date_time']).'">'.date('d/m/Y H:i:s',$this->data['date_time']).'</div>
						<p>'.$this->data['message'].'</p>
						<div>'.$this->data['id'].'</div>
						</div>';
	}

Нужно реализовать обработку клиак по разметке сообщение - тоесть по классу comment, delete, edit ...
Как добраться до класса comment? Помогите, пожалуйста. Спасибо.

[animhotep]

Как добраться до класса comment?

$('.comment')