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>
|