Показать сообщение отдельно
  #1 (permalink)  
Старый 08.12.2014, 09:56
Интересующийся
Отправить личное сообщение для taktak Посмотреть профиль Найти все сообщения от taktak
 
Регистрация: 05.12.2014
Сообщений: 27

jquery css скрыть слой
в примере при условии наличия текста Земля скрывается этот один элемент, как убрать весь слой (div class="first") при этом же условии ?

<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <style>
   #list{
      width:260px;
   }
   .item{
      width: 250px;
      height: 20px;
      float: left;
      margin: 1px;
      padding: 3px;
      background-color: #EEEEEE;
      list-style-type:none;
    }
  </style>
</head>
<body>
<div class="first">
<div class="second">
  <ul id="list">
    <li class="item">Меркурий</li >
    <li class="item">Венера</li >
    <li class="item">Земля</li >
    <li class="item">Марс</li >
    <li class="item">Юпитер</li >
    <li class="item">Сатрурн</li >
    <li class="item">Уран</li >
    <li class="item">Нептун</li >
    <li class="item">Плутон</li >
  </ul>
</div>
</div>

   [JS]
<script>
 $("#list .item").css("display", function(i,val){
        if($(this).text() == "Земля")
           return "none";
        else
           return val;
    });
</script>
[/JS]

</body>
Ответить с цитированием