Question

我做了一个jquery朋友过滤器。我有一个很棒的名单，有很多朋友的名字。

我有一个搜索框，当您在此框中搜索时，您会看到一个实时结果页面。

当你点击一个朋友时，li项会获得一个活动的课程，上面会叠加一个绿色的图标。

在这里你可以看到它：JSFiddle

但现在我的问题。

在搜索栏旁边，我有一个名为“Now select”的链接。当您单击此链接时，我只想显示具有活动类的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

就是这样：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;
    });

Answer 3

你可以改变这一行

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

jQuery朋友选择器。用jquery过滤器

3 个答案: