foroughiiii
شنبه 11 شهریور 1396, 13:12 عصر
سلام دوستان ، من یه ul که شامل چند li هست دارم ، حالا میخوام رو هر liکه کلیک شد ، تا زمانی که li دیگه ای کلیک نشده ، به صورت رنگی نشون داده بشه ، میتونید منو راهتمایی کنید چه کنم؟
<html>
<head>
<script>
$(document).ready(function(){
$('div.activate').click(function (){
$('.liactive').removeClass('active');
$(this).addClass('active');
});
</script>
<style>
ul{list-style:none;
}
ul li{
display:inline;
}
.active
{
background:red;
}
</style>
</head>
<body>
<ul>
<li class="deactive active">1
</li>
<li class="deactive ">2
</li>
<li class="deactive ">3
</li>
</ul>
</body>
</html>
<html>
<head>
<script>
$(document).ready(function(){
$('div.activate').click(function (){
$('.liactive').removeClass('active');
$(this).addClass('active');
});
</script>
<style>
ul{list-style:none;
}
ul li{
display:inline;
}
.active
{
background:red;
}
</style>
</head>
<body>
<ul>
<li class="deactive active">1
</li>
<li class="deactive ">2
</li>
<li class="deactive ">3
</li>
</ul>
</body>
</html>