jquery

JavaScript веб дизайн jQuery

В общем вот: мне нужно чтоб при наведении на один див выходило сообщение sale, он выводит это сообщение но на всех сразу. я бы хотел чтоб для каждого оно работа по отдельности. снизу код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function (){
$("div.contar").hover(function(){
$(".kupi").fadeIn(400);
},
function(){
$("div.kupi").fadeOut(400);
});
});
</script>
</head>
<body>
<div style="border:1px solid #2c3c64; width:100px; height:150px;" class="contar">
<div style="font-size:15px; color:red; display:none; margin:0 auto;" class="kupi"><p align="center">salle</p></div>
</div>
<div style="border:1px solid #2c3c64; width:100px; height:150px;" class="contar">
<div style="font-size:15px; color:red; display:none; margin:0 auto;" class="kupi"><p align="center">salle</p></div>
</div>
<div style="border:1px solid #2c3c64; width:100px; height:150px;" class="contar">
<div style="font-size:15px; color:red; display:none; margin:0 auto;" class="kupi"><p align="center">salle</p></div>
</div>

</body>
</html>
Ответы:
Можно попробовать указать контекст для селектора ($('.kupi', this)):
<script>
$(document).ready(function () {
 $("div.contar").hover(function() {
  $(".kupi", this).fadeIn(400);
 },
 function() {
  $("div.kupi", this).fadeOut(400);
 });
});
</script>


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.