javascript - 单击应用具有不同 css 属性的类

Question

我正在尝试将点击类应用到我的 div 的 li。

这是我的js。

$(document).ready(function() {
$('#toggleme').click(function() {
     $(this1).addClass('active_class');
});
});

现在，当我点击购物车时，我想更改购物车图像。

我正在尝试通过应用类 background-image:url(""); 属性通过 css 来做到这一点。但出于某种原因，我无法让它工作。

这是 fiddle请帮忙。

Answer 1

将您的 JS 代码更改为:

$(document).ready(function () {
    var img=0;
    $('#toggleme').click(function () {
        $(this).toggleClass('active_class');
        if(img==0){
            $(this).find("img").attr("src", 'http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/simple-red-glossy-icons-business/086707-simple-red-glossy-icon-business-cart5.png');
             img=1;
        }else{
            $(this).find("img").attr("src", 'http://www.daru-koi.com/images/winkelwagen.png');
            img=0;
        }
    });
});

Here is the JSFiddle

另请注意，代码中的图标是由于 img 标记源而不是 CSS。因此，使用 CSS 覆盖将无济于事。

上面的代码会在您每次点击时切换源。