Question

在下面的代码中，我想使用product-price运算符访问this类。我怎么能在另一个班级里做到这一点

$(".product-attributes").click(function()
{
    $(".product-price").hide();
    $(".price").show();
});

这是我的概率。当页面加载时，我显示最低价格值，如果我点击数量值，我会显示相应的价格。但是，如果点击一个项目的数量，项目的最低价格也会发生变化。我只想点击改变的物品的价格

enter image description here

这是我的HTML代码

echo "<div class='product-attributes' style='position:absolute;top:10px;display:none;'>";

    foreach($simple_collection as $simple_product)
    {   
        $simple_product_price = strip_tags(Mage::helper('core')->currency($simple_product->getPrice()));
        $simple_product_drink_size = $simple_product->getAttributeText('drink_size');       
        $simple_product_id = $simple_product->getId();
        $simple_product_name = $simple_product->getName();
        $simple_product_url = $this->getAddToCartUrl($simple_product);
        $updateUrl = str_replace('add','updateItemOptions',$simple_product_url);

        echo "<span class='product-attribute-elem product-attribute-".$simple_product_id."' title='".$simple_product_id."' >" . $simple_product_drink_size .
        "</span><input type='hidden' class='product-attribute-".$simple_product_id."-price' value='".
        $simple_product_price."'/><input type='hidden' class='product-attribute-".$simple_product_id."-url' value='".$simple_product_url."'/>".
        "<input type='hidden' class='product-attribute-".$simple_product_id."-name' value='".$simple_product_name."' >".
        '<span class="qtyUpdater-'.$simple_product_id.'" style="display:none">'.
        '<span onclick="NewAjaxAddCart(this,\''.$updateUrl.'\',\'-\',\'.category-products\');" class="Qmins">&nbsp;</span>'.
        '<input type="text" onchange="NewAjaxAddCart(this,\''.$updateUrl.'\',\'upd\',\'.category-products\');"  value="0" >'.
        '<span onclick="NewAjaxAddCart(this,\''.$updateUrl.'\',\'+\',\'.category-products\');" class="Qplus">&nbsp;</span></span>'; 
    }
    echo "</div>";

endif; ?>

                    <?php if($_product->getRatingSummary()): ?>
                        <?php echo $this->getReviewsSummaryHtml($_product, 'short') ?>
                    <?php endif; ?>                

            <?php echo "<div class='price'></div>"; ?>
            <?php echo "<span align='center' class='product-price'>".$this->getPriceHtml($_product, true)."</span>"; ?>

Answer 1

尝试使用.find()，

$(".product-attributes").click(function(){
   $(this).find(".product-price").hide();
   $(this).find(".price").show();
})

Answer 2

也许你想这样做：

$(".product-attributes").click(function()
{
    $(".product-price", this).hide();
    $(".price").show();
});

working demo

在JQuery中使用它来访问类

2 个答案: