캐 러셀 탐색 각 기능

Question

여러 개의 회전 목마 (올빼미 회전식 캐 러셀)를 사용하는 페이지가 있으며 각 페이지에는 이전/다음과 같은 탐색 기능이 있습니다. 그 중 일부는 캐 러셀로 고려해야 할 항목이 충분하지 않으므로이 항목에 대한 탐색을 비활성화하고 싶습니다. 구조의 모양을

<div class="videos-wrap"> 
<div class="owlnav owlnav1"><div class="owl-prev" style="">&lt;</div><div class="owl-next" style="">&gt;</div></div> 
    <div class="video-carousel"></div> 
    <div class="video-carousel"></div> 
    <div class="video-carousel"></div> 
</div> 

<div class="videos-wrap"> 
<div class="owlnav owlnav1"><div class="owl-prev" style="">&lt;</div><div class="owl-next" style="">&gt;</div></div> 
    <div class="video-carousel"></div> 
</div> 

... 나는 그런

$(".videos-wrap").each(function() { 
var n = $(".video-carousel").length; 
if (n < 3) { 
    $('this .owlnav').css('display', 'none'); 
} 

등 여러 가지 일을하려고 한

});

하지만 작동하지 않습니다.

아이디어가 있습니까?

당신의 도움을위한 Thxs

Answer 1

당신은 올바른 길을 가고 있습니다. 이 시도 :

$(".videos-wrap").each(function() { 
    var n = $(this).find(".video-carousel").length; 
    if (n < 3) { 
     $('.owlnav', this).css('display', 'none'); 
    } 
}); 

변경은 단순히 클래스 .video-carousel와 현재 .videos-wrap의 아이를 찾을 수 있습니다. 그런 다음 디스플레이를 변경하는 선택기를 약간 변경했습니다.

라이브보기 : http://jsfiddle.net/g6d39b04/