Thêm màu phông chữ css với jquery

Question

Chắc chắn đó là một câu hỏi đơn giản, nhưng tôi không thể sửa chữa nó, ai đó có thể giúp tôi?

Đây là dòng gốc

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

và đây là nơi mà tôi đã đưa ra, chắc chắn không đúng.

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

Answer 1

Bạn có thể làm điều đó một cách nhanh chóng chiều:

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

Nhưng lý tưởng, bạn sẽ sử dụng .addClass thay vì:

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

đâu

.hilighted { color: pink; } 

Answer 2

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

Answer 3

Hãy thử điều này:

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

Mỗi chức năng cuộc gọi, ngay cả trong jQuery, vẫn riêng biệt. Cuộc gọi đầu tiên là .text() để thay đổi văn bản. Thứ hai là .css() để thay đổi CSS. Nó chỉ xảy ra như vậy trong jQuery, mỗi hàm gọi của kiểu này trả về một đối tượng jQuery mà trên đó bạn có thể gọi nhiều hàm hơn, do đó kết nối chúng hoàn toàn với nhau.

Answer 4

Nghĩ rằng tôi muốn thêm thêm một chút thông tin ở đây, chỉ trong trường hợp bạn không biết về nó. Khi bạn sử dụng .css() chức năng, bạn cũng có thể chỉ định các đối số như những gì được gọi là một đối tượng theo nghĩa đen, mà về cơ bản có nghĩa là một cái gì đó ở định dạng này:

{objectVarName1: objectVarValue1, objectVarName2: objectVarValue2} 

Bạn cũng có thể làm điều đó như thế này:

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

với .css() chức năng, bạn có thể làm điều này:

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

Nếu tên biến bạn đang đi qua không phải là trong dấu ngoặc kép, bạn phải làm điều đó trong camel hợp cụ thể như tôi đã làm ở trên , có nghĩa là thứ e từ đầu tiên của tên của thuộc tính CSS là chữ thường, nhưng mỗi từ sau đó được viết hoa (vì vậy thuộc tính CSS background-color trở thành backgroundColor). Để thực hiện điều tương đương với trên theo hình thức nơi bạn đặt tên của biến trong đối tượng trong dấu ngoặc kép, bạn sẽ chỉ làm điều này:

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

Chỉ muốn chỉ ra rằng bạn không cần phải chuỗi nhiều cuộc gọi đến .css() cùng nhau, bạn có thể thực hiện tất cả thay đổi CSS cùng một lúc. ;)