Hiding Boostrap list-group-item

Question

因此，我正在为使用JQuery的list-group创建一个实时搜索类型的东西。

我有搜索完全工作，我使用hide（）隐藏不匹配当前搜索的列表组项目，但是，因为我只隐藏元素，第一个和最后一个列表项（在原始列表中）保留第一个孩子和最后一个孩子的状态，从而保持边框半径并使搜索结果列表的第一个和最后一个项目不具有边界半径，除非它们是原始文档之一。我想知道将边框半径添加到第一个和最后一个非隐藏列表组项的最佳方式是什么。

下面是我讲的什么bootly：http://www.bootply.com/M6g7cEeRon

Answer 1

把下面$(".list-group-item").each(function() {});这段代码，这里是我的[小提琴]。（http://jsfiddle.net/HmrJz/1/）

$(".list-group-item:visible").each(function(index) { 
    if(index == 0){ 
     $(this).css("border-top-left-radius", "10px"); 
     $(this).css("border-top-right-radius", "10px"); 
    } 
    if(index == $(".list-group-item:visible").length - 1){ 
     $(this).css("border-bottom-left-radius", "10px"); 
     $(this).css("border-bottom-right-radius", "10px"); 
    } 
});