Javascript jQuery-仅更改已单击的元素，而不是所有元素都具有相同的类

我想做的是更改对象的属性，但只更改该属性。因此，对于已单击的元素，类似于，

$（'.up img'）.attr（“src”，“img/up.png”）

，而不是所有具有

.up img

的元素

jQuery:

$('.up img').click( function(){
        var postDataUp = $(this).attr('mod');
        $.post('/votePost.php', {varUp: postDataUp}, function(o){
            console.log(o);
            if(o == 1){
                $('.up img').attr("src","img/up.png");
            }else if(o == 2){
                $('.up img').attr("src","img/up-g.png");
                $('.down img').attr("src","img/dw.png");
            }else if(o == 3){
                $('.up img').attr("src","img/up.png");
            }
        }, 'json');
});

使用

$（this）

而不是使用类选择器，只针对单击的类的特定元素

$('.up img').click( function(){
        var postDataUp = $(this).attr('mod');
        $.post('/votePost.php', {varUp: postDataUp}, function(o){
            console.log(o);
            if(o == 1){
                $(this).attr("src","img/up.png");
            }else if(o == 2){
                $(this).attr("src","img/up-g.png");
                $('.down img').attr("src","img/dw.png");
            }else if(o == 3){
                $(this).attr("src","img/up.png");
            }
        }, 'json');
});

试试这个-

$('.up img').click( function(){
        var postDataUp = $(this).attr('mod');
        var clicked = $(this);
        $.post('/votePost.php', {varUp: postDataUp}, function(o){
            console.log(o);
            if(o == 1){
                $(clicked).attr("src","img/up.png");
            }else if(o == 2){
                $(clicked).attr("src","img/up-g.png");
                $('.down img').attr("src","img/dw.png");
            }else if(o == 3){
                $(clicked).attr("src","img/up.png");
            }
        }, 'json');
});

---

您可以更改代码以针对特定元素

$('.up img').click( function(){
    var postDataUp = $(this).attr('mod');

    // get the specific element that you have clicked.
    // i use the $ before the name to easily identify jquery elements.
    var $elm = $(this);

    $.post('/votePost.php', {varUp: postDataUp}, function(o){
        console.log(o);
        if(o == 1){
            // targeting the specific element
            $elm.attr("src","img/up.png");
        }else if(o == 2){
            // targeting the specific element
            $elm.attr("src","img/up-g.png");
            $('.down img').attr("src","img/dw.png"); // not sure if you want to target individual element here?
        }else if(o == 3){
            // targeting the specific element
            $elm.attr("src","img/up.png");
        }
    }, 'json');
});

---

如果您要将特定于所单击元素的

$（'.down img'）

作为目标，那么您可以使用

$elm

元素遍历DOM节点。

ElSinus，请不要尝试对人们的答案进行如此大的编辑。他试图删除您的最后几句话，并将var$elm更改为var elm（不知道为什么）

$('.up img').click( function(){
    var $this=$(this);
    var postDataUp = $this.attr('mod');
    $.post('/votePost.php', {varUp: postDataUp}, function(o){
        console.log(o);
        if(o == 1){
           $this.attr("src","img/up.png");
        }else if(o == 2){
            $this.attr("src","img/up-g.png");
            $this.attr("src","img/dw.png");
        }else if(o == 3){
            $this.attr("src","img/up.png");
        }
    }, 'json');
});