Jquery在父类中选择类

时间:2010-02-10 11:52:31

标签: jquery

我正在尝试在链接的同一父类中选择一个类。

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

当单击“businessntLink”类时,我想在类“skuFinder”中执行jQuery加载

选择“skuFinder”课程的最佳方法是什么?

3 个答案:

答案 0 :(得分: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");
});

答案 1 :(得分:0)

尝试:

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

答案 2 :(得分:0)

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

可能这可以帮到你。