如何隱藏單擊的元素，當所有具有相同的父級

-1

如何隱藏用戶點擊的特定幻燈片的標題。這裏所有的幻燈片都有相同的類名，這是個大問題。如何超過這個。如何隱藏單擊的元素，當所有具有相同的父級

<div id="accordion-wrapper"> 
       <div class="slide"> 
        <div id="mask"></div> <img src="snd/images/slider1.jpg" /> 
        <div class="caption"> 
         <p> 1</p> 
        </div> 
       </div> 
       <div class="slide"> 
        <div id="mask"></div> <img src="snd/images/slider2.jpg" /> 
        <div class="caption"> 
         <p> 2</p> 
        </div> 
       </div> 
       <div class="slide"> 
        <div id="mask"></div> <img src="snd/images/slider3.jpg" /> 
        <div class="caption"> 
         <p> 3</p> 
        </div> 
       </div> 
       <div class="slide"> 
        <div id="mask"></div> <img src="snd/images/slider4.jpg" /> 
        <div class="caption"> 
         <p> 4</p> 
        </div> 
       </div> 
       <div class="slide"> 
        <div id="mask"></div> <img src="snd/images/slider5.jpg" /> 
        <div class="caption"> 
         <p> 5</p> 
        </div> 
       </div> 
      </div>

來源

2016-11-17 Bikshu s

使用'this'或'$（本）'。 JS代碼在哪裏？ ** [mcve] **無論如何，使用'$（this）.closest（'。slide'）。hide（）;' – Tushar

ids必須是唯一的。每張幻燈片上都有'id ='mask'。 – zer00ne

$(".slide").click(function(){ 
    $(this).find(".caption").hide(); 
})

來源

2016-11-17 10:31:59 tigerdi

但它也會隱藏所有其他幻燈片的.caption。我只想隱藏點擊的幻燈片標題以隱藏其餘的應該像往常一樣顯示 –

$（this）.find（「。caption」）將只選擇被點擊的幻燈片的孩子'.caption'。所以它不會隱藏所有其他標題。 – tigerdi

謝謝..它的工作！ –

如何隱藏單擊的元素，當所有具有相同的父級

回答

相關問題