Question

在奥基斯,我曾尝试过我,然后在这里站出来,但此时我已走过墙。

我有一份产品清单,每个产品都有Add To Cartutton/image,我希望以形象的项目。

我面临的问题是,当我取而代之时,所有图像都被更换。现在,你可以告诉我,我是多么新。

This is my jQuery:

//Replace the  Add To Cart  button
 $( .add-to-cart-btn ).click(function(){
   $( .add-to-cart-btn ).replaceWith( <img src="images/button-added-to-cart.png" alt="Item added to Cart"> );
 return false;
 });

这里是我的超文本:

<a href="#" class="add-to-cart-btn"><img src="images/button-add-to-cart.png" alt="Add to Cart"></a>

As you can see, I m replacing the entire ahref element because when the item is added, I don t want that button to be clickable again.

任何想法,如何仅仅把任何特定的Add To Cartutton/image取而代之,而不是所有纽州?

感谢你给我的任何帮助和指导。

Answer 1

你只想取代你选定的项目(AKA,被点击的项目),这样就不再选择,而是使用被点击的物体。

//Replace the  Add To Cart  button
 $( .add-to-cart-btn ).click(function(){
   $(this).replaceWith( <img src="images/button-added-to-cart.png" alt="Add to Cart"> );
 return false;
 });

Answer 2

我认为,这样做的更有效办法是:

$( .add-to-cart-btn ).click(function() {
    this.src =  images/button-added-to-cart.png ;
    this.alt =  Item added to Cart ;
    return false;
});

友情链接