2014-07-11 2 views
0

고유 한 클래스 이름으로 각 div 블록에서 첫 번째 div를 제외하고 div를 숨기려고합니다. 여러 개의 회전식 슬라이드 쇼가 있고 첫 번째 점을 제외하고 첫 번째 점을 제외하고 각각 하나씩 화면 밖으로 이동하기 때문에이 작업을 수행하고 있습니다. 이 기능은 단일 컨베이어에 적합하지만 여러 항목을 도입하면 첫 번째 항목을 제외한 모든 div가 숨겨집니다.Jquery, div 블록에서 divs를 숨기기

$("div.hero-featureSwap:not(:first)").css({ 
    "left" : "2000px" 
}); 

하지만 지금은 각 회전 목마의 최초의 "영웅 featureSwap을"보여주고 싶은 : 단일 회전 목마에 대한

원래의 코드였다. 이것 주위에 해킹이 있습니까?

+0

상위 컨테이너를 사용한 다음 $ .each를 사용하여이 작업을 수행하십시오. – Ohgodwhy

+0

당신은'java' 태그를 제거하고 싶을 수도 있습니다 : P – mechalynx

+0

우리가 HTML 모양이 어떻게 좋아하는지 알지 못하면 대답은 어둠 속에서 촬영 될 것입니다. 가득 차 있지 않은 html을 게시 하시겠습니까? 중요한 내용 만 게시하십시오. –

답변

3

-

<div class="carousel"> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
</div> 
<div class="carousel"> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
</div> 
<div class="carousel"> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
    <div class="carousel-child"></div> 
</div> 

다음이 어떻게 것입니다 완료했습니다 -

$("div.carousel").each(function(){ 
    $(this).find("div.carousel-child:not(:first)").css({ 
     "left" : "2000px" 
    }); 
}); 

구조에 따라 필요한 클래스 이름을 변경하십시오.

0

사용이 코드 :

$("div.hero-featureSwap").find('div:gt(0)').hide(); 

을 숨 깁니다. 첫 번째를 제외하고 페이지를 다른 모든 div의를 이동하려면, 코드가 잘, 또는 : 나는 이런 식으로 뭔가있을 당신의 구조를 추측하고

$("div.hero-featureSwap:gt(0)").css({ 
    "left" : "2000px" 
});