2010-02-10 32 views
4

我想在鏈接的同一父類中選擇一個類。Jquery select父類中的類

這是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> 

當點擊類「merchantLink」,我想執行一個jQuery負載進級「skuFinder」

什麼是選擇的最佳方式班級「skuFinder」?

回答

3
$("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"); 
}); 
+0

感謝您的不錯和徹底的答案:D – 2010-02-10 12:37:43

+0

您總是歡迎@sf。 – rahul 2010-02-10 12:42:49

0

嘗試:

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

可能這可以幫助你。