Question

如何向该函数添加第二个css规则。作为一个例子，我也想改变fontcolor。

$("#Testtable tr td").filter(function () 
        {
        var x = "xyz";
        return $(this).text() === x;
        }).closest('tr').css("background-color", "white");

Answer 1

查看jQuery docs on .css：

您可以简单地将对象传递给.css：

$('#myElement').css({
    "background-color": "#ffe",
    "border-left": "5px solid #ccc"
});

对象可以包含任意数量的css属性。

或者，你可以链.css()调用，但这样效率低，维护困难，并且需要更多代码来实现与对象相同（所以，这就是不这样做）：

.css("background-color", "#ffe",).css("border-left", "5px solid #ccc");

有趣的事实：

jQuery同时识别background-color和backgroundColor。带有连字符的那个包含在引号中：

{"background-color":"white"}

对于后者，在对象中使用引号时，引号是可选的：

{backgroundColor:"white"}

但是，为了保持一致性，我会说：始终使用引号。

Answer 2

就这样使用..

$("#Testtable tr td").filter(function () 
        {
        var x = "xyz";
        return $(this).text() === x;
        }).closest('tr').css({
            "background-color" :  "white",
            "display" : "block"
        });

Answer 3

如果要向元素添加多个CSS属性，最好只使用.addClass，因为这更易于维护和读取。

但是，要回答您的问题，请将.css方法传递给对象文字：

.css({
   'background-color' : 'white',
   color : 'yellow'
});

带连字符的任何CSS属性都必须在引号中。

如何将第二个css规则添加到javascript .css函数中

3 个答案: