Javascript 如何在jquery中为变量指定样式?

Javascript 如何在jquery中为变量指定样式?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,每次点击按钮时,我都试图改变按钮的颜色。在我的代码中,linkNumber将获得一个值。我想给它一个颜色。我这样做是行不通的。我使用alert进行了测试,以确保这些值和它是否正常工作 var linkNumber = $(this).text(); $(linkNumber).css("color", "yellow"); alert(linkNumber); 似乎您正在尝试设置文本本身的颜色。文本不能有颜色。容器(标签)可以有c

每次点击按钮时,我都试图改变按钮的颜色。在我的代码中,linkNumber将获得一个值。我想给它一个颜色。我这样做是行不通的。我使用alert进行了测试,以确保这些值和它是否正常工作

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

似乎您正在尝试设置文本本身的颜色。文本不能有颜色。容器(标签)可以有css。因此,只需将css颜色设置为容器

$(this).css('color', 'yellow');

下面是几个按钮改变颜色的实例:

var colors=[“黄色”、“红色”、“蓝色”];
$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
var currentIndex=Number($(this).data(“ci”)| | 0;
var nextIndex=(currentIndex+1)%colors.length;
$(this.data(“ci”,nextIndex).css(“color”,colors[nextIndex]);
});
});

按钮1
按钮2

按钮3
在本例中,单击按钮时,如果要更改按钮内文本的颜色,则按钮的背景颜色将更改,您必须使用颜色:青色代替背景色:青色

CSS

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

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

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

此外,我建议现在不要使用jQuery

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

按钮2
$(this).text()
仅返回所选标记内的任何文本,如果
$(此)
表示一个按钮,请删除
.text()
部分,从
$(linkNumber).css中删除jQuery标记,并检查其是否有效。但它给所有的价值都涂上了颜色。如何仅为所选元素着色?@ilovejava
$(this)
不应返回多个元素。你怎么称呼它?你能把你所有的代码都写进这个问题吗?好吧。如果我只想要一种颜色呢。当我点击的时候,颜色就变了。例如,如果有3个按钮。如果我点击按钮1,它会变成红色,而其他两个保持不变。如果我点击按钮2,它会变成红色,其余的保持不变。
$(".clickme").click(function(){
$(this).css("background-color","green");
});