jQuery селектор друзей.С фильтром jquery

Question

Я сделал фильтр друзей jquery.У меня большой список ul с множеством имен друзей.

У меня есть окно поиска, и при поиске в этом окне вы получаете страницу результатов в реальном времени.

Когда вы нажимаете на друга, элемент li получает активный класс, на котором отображается зеленый значок.

Здесь вы можете увидеть его: JSFiddle

Но теперь моя проблема.

Рядом с панелью поиска у меня есть ссылка «Теперь выберите».Когда вы нажимаете на эту ссылку, я хочу показать только элементы li, которые имеют активный класс - с зеленым значком.

Я начинающий javascripter.

Answer 1

Это то, что Майк хочет

$("#nowSel").click(function() {
    $("li:not(.active)").hide();
});

http://jsfiddle.net/mplungjan/n69Rm/

Возможно с тестом

$("#nowSel").click(function() {
  var selected = $("li .active");
  if (selected.length>0) {
    $("li:not(.active)").hide();
  }
  else {
   // tell user to select something
  }
});

Answer 2

вы можете изменить эту строку

<a href="#" title="Now Select" >Now Select<a>

до

<a href="#" title="Now Select" id ="nowselect">Now Select<a>

затем определите это.

$("#nowselect").click(){

    var active =$.("li.active");
    //write your logic with active live
}

Answer 3

Вот оно: http://jsfiddle.net/CBbH3/2/

Возможно, его нужно немного реорганизовать, но вкратце для этого нужно использовать фильтр :visible:

$('#now-select').click(function() {
        $(".friend-selection li:visible")
            .addClass("active")
            .append('<span class="check"></div>')
            .find(".check").fadeIn(150);

        return false;
    });