css - 我们可以在JQuery中单行编写两个或多个元素样式吗

Question

在JQuery中单行编写两个或多个元素样式，其中元素的id通过json object.value连接文本创建

     checkSucess = function(first,last,value) {
        // Jquery ajax with url,params and response
        doPost('sucess.php',
                     'first=' + first +
                    '&last=' + last,
                    function(response) {
                        var obj = $.parseJSON(response);
                            $('#button'+obj.a,'#button'+obj.b,'#button'+obj.c).css({'text-decoration':'blink','color':'#4ECFBD'});
                    }
        );
     }

这里

    $('#button'+obj.a).css({'text-decoration':'blink','color':'Magenta','font-weight':'bold'});
    $('#button'+obj.b).css({'text-decoration':'blink','color':'Magenta','font-weight':'bold'});
    $('#button'+obj.c).css({'text-decoration':'blink','color':'Magenta','font-weight':'bold'});

工作正常，

但是

   $('#button'+obj.a,'#button'+obj.b,'#button'+obj.c).css({'text-decoration':'blink','color':'#4ECFBD'});

为什么不起作用？

Answer 1

你用错了逗号。这是可能的，但需要这样写

$('#button'+obj.a+',#button'+obj.b+',#button'+obj.c).css({ ... });

请注意，现在逗号位于字符串内。

更新:我要补充一点，将其写为可能更具可读性

$('#button'+obj.a)
.add('#button'+obj.b) 
.add('#button'+obj.c) 
.css({ ... });

但 Rob W 抢先了我。 :-)