@Proshka17

Почему данный Juqery скрипт прячет только один div,а не два?

<?php
printf('
<html>
<head>
<style type="text/css">

* {
 margin:0px;
 padding:0px;
 }

#diver {
width:300px;
height:200px;
border:3px solid #C0C0C0;
box-shadow: 10px 10px 10px grey;
border-radius:9px;
}

#post_img {
width:300px;
height:130px;
border-top-left-radius:9px;
border-top-right-radius:9px;
border-bottom:3px solid #C0C0C0;
}

#diver p {
font-family:century gothic;
font-size:1.5em;
margin-left:10px;
}

#user {
width:20px;
height:20px;
float:left;
margin-top:5px;
margin-left:10px;
}

#user_name {
float:left;
margin-top:5px;
}

</style>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
</head>
<body>
<!--=====================================================================================================================-->
<div id="diver">
<img src="image/venera.jpg" id="post_img">
<p id="text">Nexus 5</p>
<img src="avatars/user.png" id="user">
<h4 id="user_name">Sasha</h4>
</div>
<div id="diver">
<img src="image/venera.jpg" id="post_img">
<p id="text">Nexus 5</p>
<img src="avatars/user.png" id="user">
<h4 id="user_name">Sasha</h4>
</div>
</body>
<script>
$("#diver").each(function() {
$(this).hide();
});
</script>
</html>
');

?>

Почему данный Juqery скрипт прячет только один div,а не два?
  • Вопрос задан
  • 2355 просмотров
Решения вопроса 2
Проблема в
<div id="diver"></div>
<div id="diver"></div>

id это уникальный идентифектор, поэтому если например заменить id на class
<div class="diver"></div>
<div class="diver"></div>

$('.diver').hide();
прячет оба элемента
jsfiddle.net/a3dhqgca
Ответ написан
Комментировать
bootd
@bootd Куратор тега HTML
Гугли и ты откроешь врата знаний!
id уникален!! Он должен быть только 1 с 1 именем! Дайте тегам класс
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы