jQuery這個和類選擇器

Question

我有一個投資組合項目的顯示，當我點擊我想要對象出現時，投資組合代碼如下 - div .info被設置爲顯示：無作爲默認值。

<div class="portfolio-item tango"> 
       <div class="info">portfolio info</div> 
      </div> 
      <div class="portfolio-item truvoz"> 
       <div class="info">portfolio info</div> 
      </div> 
      <div class="portfolio-item tt"> 
       <div class="info">portfolio info</div> 
      </div> 
      <div class="portfolio-item sow"> 
       <div class="info">portfolio info</div> 
      </div> 
      <div class="portfolio-item ih"> 
       <div class="info">portfolio info</div> 
      </div> 
      <div class="portfolio-item jmm"> 
       <div class="info">portfolio info</div> 
      </div> 

當我使用的代碼片段，測試的第一個項目，它工作正常 -

$(".tango").click(function() { $(".tango .info").toggle("fast"); }); 

但是我想使它所以例如它在這種時尚的

$(".portfolio-item").click(function() { $("this .info").toggle("fast"); }); 

這種方式只是這一行代碼適用於所有情況...

謝謝！

Answer 1

您可以使用$(selector, context)：

$(".portfolio-item").click(function() { 
    $(".info", this).toggle("fast"); 
}); 

或find方法：

$(".portfolio-item").click(function() { 
    $(this).find(".info").toggle("fast"); 
}); 

Answer 2

試試這個：

$(".portfolio-item").click(function() { $(".info",this).toggle("fast"); });