Как из списка убрать элементы без класса?

Question

[mr_dev1l]

Доброго времени суток. Задача стоит в том, что имеем список:

<ul class="obg_sps">
<li  >дачи</li>
<li  >дома</li>
<li class="act_v" >дуплексы</li>
<li class="act_v" >земельные участки</li>
<li class="act_v" >коттеджи</li>
<li class="act_v" >поместье</li>
<li class="act_v" >таунхаусы</li></ul>

и необходимо все li, которые не имеют класс act_v спрятать и не выводить.
Попробовал таким образом:

if ($(".obg_sps li").hasClass("act_v")){
  $(this).css("display","block");
}

по умолчанию

.obg_sps li {
 display:none;
}

Направьте блуждающую душу на истинный путь)

Answer 1

[Ленар Фаттахов]

Сотритре ваш jQuery код и допишите в css

.obg_sps li.act_v {
 display:block;
}

Comments

[Ленар Фаттахов]

И вообще, приучайте себя не менять в js css свойства, а менять css классы. За отображение пусть отвечает css код

[mr_dev1l]

спасибо! Что-то вообще вылетело из головы самое банальное!

Answer 2

[jlekapb]

я бы через nth-child решил:

.obg_sps li:nth-child(2),
.obg_sps li:nth-child(3) {
    display: none;
}

Answer 3

[smanioso]

api.jquery.com/filter + api.jquery.com/not