Question

当然这是一个简单的问题，但我无法修复它，有人可以帮助我吗？

这是原始行

$('.winning-col', this).text($('td.win', this).length);

这是我想出的，肯定不正确。

$('.winning-col', this).text.css('color', 'pink'($('td.win', this).length));

Answer 1

你可以快速做到：

$(".winning-col", this)
  .text($("td.win", this).length)
  .css("color", "pink");

但理想情况下，您可以使用.addClass：

$(".winning-col", this)
  .text($("td.win", this).length)
  .addClass("hilighted");

哪里

.hilighted { color: pink; }

Answer 2

以为我会在这里添加一些额外的信息，以防万一你不知道。当你使用.css（）函数时，你也可以将参数指定为所谓的对象文字，这基本上就是这种格式的东西：

{objectVarName1: objectVarValue1, objectVarName2: objectVarValue2}

你也可以这样做：

{"objectVarName1": objectVarValue1, "objectVarName2": objectVarValue1}

使用.css（）函数，您可以执行以下操作：

$("#the_item_id").css({backgroundColor: "#333", color: "#FFF"});

如果您传递的变量名不在引号中，则必须像我上面所做的那样使用camel-case，这意味着CSS属性名称的第一个单词是小写，但是每个单词之后是大写（因此CSS属性background-color变为backgroundColor）。要在将变量名称放在引号中的对象的表单中执行上述操作，您只需执行以下操作：

$("#the_item_id").css({"background-color": "#333", "color": "#FFF"});

只是想指出您不必将多次调用链接到.css（），您可以一次完成所有CSS更改。 ;）

Answer 3

试试这个：

$('.winning-col', this).text($('td.win', this).length).css('color', 'pink');

每个函数调用，即使在jQuery中，仍然是独立的。第一个电话是.text()来更改文字。第二个是.css()来改变CSS。碰巧在jQuery中，每个这种类型的函数调用都会返回一个jQuery对象，你可以在其上调用更多的函数，从而很好地将它们链接在一起。

Answer 4

$('.winning-col', this).text($('td.win', this).length).css('color', 'pink');

使用jquery添加css字体颜色

4 个答案: