共通のクラスを持つ要素ごとにアクションを実行する

Question

共有アイコンをクリックしたときに共有リンクをフェードアウトさせたいが、問題はそれらの多くがポストのようであり、共通点クラスをフェードインしてリンクすると、すべての共有リンクがフェードインするアイコンを1つクリックすると、リンクごとにリンクごとにフェードインする方法があります。

<div class="first-post"> 
<li class="fire-share"><i class="fa fa-share-alt"></i> 
    <ul class="shareo"> 
     <li><a href=""><i class="fa fa-facebook"></i></a></li> 
     <li><a href=""><i class="fa fa-twitter"></i></a></li> 
    </ul> 
</li> 
</div> 

<div class="second-post"> 
<li class="fire-share"><i class="fa fa-share-alt"></i> 
    <ul class="shareo"> 
     <li><a href=""><i class="fa fa-facebook"></i></a></li> 
     <li><a href=""><i class="fa fa-twitter"></i></a></li> 
    </ul> 
</li> 
</div> 

$('.fire-share').click(function(){ 
    $('.shareo').fadeToggle() 
}) 

私は.each（）を使用して試してみましたが、それはまだ私は別のクラスまたはIDを使用している場合、それは、その乾燥していない

$('.fire-share').click(function(){ 
     $('.shareo').each(function(i,obj){ 
     $(this).fadeToggle() 
    }) 
}) 

Answer 1

正常に動作しますが、多くの数字の後に、同じ問題をスローします

1. 使用この文脈では、親要素

   $('.fire-share').click(function(){ 
    
       $(this).find('.shareo').fadeToggle() 
    
   })

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    
   <div class="first-post"> 
    
   <li class="fire-share"><i class="fa fa-share-alt"></i> 
    
       <ul class="shareo"> 
    
        <li><a href=""><i class="fa fa-facebook"></i></a></li> 
    
        <li><a href=""><i class="fa fa-twitter"></i></a></li> 
    
       </ul> 
    
   </li> 
    
   </div> 
    
   
    
   <div class="second-post"> 
    
   <li class="fire-share"><i class="fa fa-share-alt"></i> 
    
       <ul class="shareo"> 
    
        <li><a href=""><i class="fa fa-facebook"></i></a></li> 
    
        <li><a href=""><i class="fa fa-twitter"></i></a></li> 
    
       </ul> 
    
   </li> 
    
   </div>

   内にある特定の要素を検索するために見つけるクリックした要素
2. 使用を指示します