maulikshah1990 Ответов: 3

добавление /удаление класса для li в jquery

У меня есть 

<li class="checkhere active" id="aaaa"> <a> aaaaa </a>   </li>
<li class="checkhere" id="bbbb"> <a> bbbbb </a>   </li>
<li class="checkhere" id="cccc"> <a> ccccc </a>   </li>
<li class="checkhere" id="dddd"> <a> ddddd </a>   </li>


в jquery я хочу

если нажата кнопка bbbbb , то удалите активный класс из всех , а затем покажите class = active только для bbbbb

то же самое , если ccccc, щелкнув, удалить активный класс из всех ,а затем показать класс=активный только ccccc



показать код для html и jquery

3 Ответов

Рейтинг:
2

Hammad 

$(document).ready(function(){
    $('li').on('click', function(){
        //alert('clicked');
        $(this).siblings().removeClass('active');
        $(this).addClass('active');
    });
});


<ul>
    <li class="checkhere active" id="aaaa"> <a> aaaaa </a>   </li>
    <li class="checkhere" id="bbbb"> <a> bbbbb </a>   </li>
    <li class="checkhere" id="cccc"> <a> ccccc </a>   </li>
    <li class="checkhere" id="dddd"> <a> ddddd </a>   </li>
</ul>


li{
    cursor : pointer;
}
.active{
    color : red;
}


Здесь это рабочее решение

maulikshah1990

могу ли я использовать $('.checkhere').click и не только li

Hammad

Да, вы также можете использовать этот класс. вы можете проверить на скрипке она была обновлена и теперь работает с классом

maulikshah1990

но когда я использую , это ,

для exp.

тест1
условие_2

и я использую jquery

$(документ).готово(функция(){
$('.menulist').on('click', функция(){
//alert('clicked');
$(этот).siblings().removeClass('активный');
$(this).addClass('активный');
});
});


когда я нажимаю условие_2.aspx-файл, загружает страницу, и я Гото условие_2.aspx-файл (он должен сделать тест.активный ли aspx-файл) , но тест1.aspx-это активный
я использую главную страницу и страницу содержимого

Hammad

Поместите ваш код в условие_2.aspx и вместо того, чтобы использовать 'это' использовать '#идентификатор'
напр.

$(функция(){
$('#test2').siblings().removeClass('active');
$('#test2').addClass('active');
});

Member 14531428

454

maulikshah1990

у меня есть код.

$('.menulist').each(функция() {
если (окно.расположение.с href.метод indexOf($(это).найти('во-первых').буква attr('близко')) &ГТ; -1) {
$(этот).добавление ("активный").братья и сестры().removeClass('Active'и);
}
});

Hammad

Хорошая работа, но было бы лучше, если бы вы получили концепцию...
хорошего дня

Рейтинг:
2

maulikshah1990 

$('.menulist').each(function() {
        if (window.location.href.indexOf($(this).find('a:first').attr('href')) > -1) {
            $(this).addClass('active').siblings().removeClass('active');
        }
    });

Рейтинг:
1

er.rakesh

использовать это::

$(function(){
    $(".checkhere").bind("click",function(){

   $.each( $(".checkhere"), function( i, l ){
  $(this).removeClass("active");
});

          $(this).addClass("active");
    });


});