Форум

1n3gan · #1 (**permalink**) 03.06.2013, 05:27

Цель: дать класс именно тому элементу, на который было наведение мыши.

$(function(){
			$('#panel nav a').each(function(){
				$(this).hover(
					function(){
					$('#panel nav a img').addClass('effect');
				},	function(){
					$('#panel nav a img').removeClass('effect');
				});
			});
		});

Проблема: класс присваивается всем элементам.

Где ошибка?

imsha · #2 (**permalink**) 03.06.2013, 09:14

$(function(){
	$('#panel nav a').each(function(){
		$(this).hover(
			function(){
				$(this).find('img').addClass('effect');
			},	function(){
				$(this).find('img').removeClass('effect');
			});
	});
});

рони · #3 (**permalink**) 03.06.2013, 15:07

Вариант ...

<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
   <meta charset="utf-8" />
   <style type="text/css">
   .effect{
     display: block;
   }
   img{
     display: none;
   }

   </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(function(){
	$('#panel nav a').hover(function(){
		$('img',this).toggleClass('effect')
		  			});
});
  </script>
</head>

<body>
  <div id="panel">
    <nav>
      <a href="1.html">Чебурашка<img src="http://javascript.ru/forum/images/smilies/dance3.gif" alt=""></a>
      <br><a href="2.html">Гена<img src="http://javascript.ru/forum/images/smilies/victory.gif" alt=""></a>
    </nav>
  </div>
</body>
</html>

1n3gan · #4 (**permalink**) 03.06.2013, 16:27

Спасибо вам большое, парни. Все понял

Форум

Справочник

Discord чат

Курсы javascript