Question

我试图在每次点击时更改按钮的颜色。在我的代码中，linkNumber将获得一个值。我想给它一个颜色。我的方式不起作用。我通过警报进行了测试，以确保值和它正常工作。

var linkNumber = $(this).text();
                $(linkNumber).css("color", "yellow");
                alert(linkNumber);

Answer 1

您似乎正在尝试在文本中设置颜色。文字不能有颜色。容器（标签）可以有css。所以只需将css颜色设置为容器即可。

startActivity()

Answer 2

这是一个改变颜色的几个按钮的实例：

＆＃13;

var colors = ["yellow", "red", "blue"];

$(document).ready(function() {
  $("button").click(function() {
    var currentIndex = Number($(this).data("ci")) || 0;
    var nextIndex = (currentIndex + 1) % colors.length;
    $(this).data("ci", nextIndex).css("color", colors[nextIndex]);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Button 1</button>
<button>Button 2</button>
<button>Button 3</button>

＆＃13;

首次点击时，假定按钮当前为colors[0]。数组索引递增并存储在按钮中，然后为其分配颜色。

Answer 3

在此示例中单击按钮时，如果要更改按钮内部文本的颜色，则必须更改按钮的背景颜色颜色：青色; < strong> background-color：青色属性

<强> CSS

.clickme{
background-color:cyan;
color:White;
}

<强> HTML

<button class="clickme">button1</button>
<button class="clickme">button2</button>
<button class="clickme">button3</button>

点击元素的jQuery函数

$(".clickme").click(function(){
$(this).css("background-color","green");
});

Here is the Working fiddle

Answer 4

您可以将样式直接附加到this.style.color = 'yellow';

我现在建议不要使用jQuery。

＆＃13;

Array.from( document.querySelectorAll( 'button' ) )
  .forEach( button => ( button.addEventListener( 'click', ( e ) => {
    e.target.style.color = 'red';
  } ) ) );

＆＃13;

<button>button1</button>
<button>button2</button>

＆＃13;

如何在jquery中为变量赋予样式？

4 个答案: