Classe Jquery select à l'intérieur de la classe parente

Question

J'essaie de sélectionner une classe dans la même classe parente d'un lien.

C'est le html:

<div id="productList"> 
    <ul> 
     <li class="productListItem">     
      Product 1 <span class="smallText">stuff</span> 
      <div class="skuFinder"></div> 
      <ul class="merchantsInProductList"> 
       <li><a class="merchantLink" href="/Pricing/SkuFinder/1/1">Merchant 1 $5.99</a></li>      
      </ul> 
     </li>    
    </ul>     
</div> 

Lorsque la classe « merchantLink » est cliqué, je voudrais effectuer une charge jQuery dans la classe « skuFinder »

Quelle est la meilleure façon de choisir la classe "skuFinder"?

Answer 1

$("a.merchantLink").click(function(){ 
    // (if div is the previous element to ul) 
    $(this).closest("ul.merchantsInProductList").prev("div.skuFinder"); 

    // (if div is the not previous element to ul and is anywhere inside li with 
    //class productListItem) 
    $(this).closest("li.productListItem").find("div.skuFinder"); 
}); 

Answer 2

Essayez:

$('a.merchantLink').click(function(){ 
    var el = $(this).parent().siblings('.skuFinder'); 
}); 

Answer 3

$(".merchantLink").click(function(){ 
    $(".skuFinder").load(); 
}); 

Peut être cela peut vous aider.