Boostrap list-group-item 숨기기

Question

그래서 JQuery를 사용하여 목록 그룹에 대한 실시간 검색 유형을 만드는 중입니다.

검색 기능이 완벽하게 작동하고 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"); 
    } 
});