使用Jquery创建数组
我有两个功能。第一个函数接收用户在文本框中的输入,并将其附加到div,然后在html中显示。第二种方法是用户对单词进行更改,并更改单词的背景和颜色,这样单词就会更改单词的颜色和背景。第一个函数运行良好,第二个函数是我遇到问题的地方。我以前没有用jQuery创建过数组,所以我猜我的语法有问题,因为我的代码运行起来就像没有第二个函数一样。有什么建议吗 谢谢 下面是函数使用Jquery创建数组,jquery,css,arrays,append,Jquery,Css,Arrays,Append,我有两个功能。第一个函数接收用户在文本框中的输入,并将其附加到div,然后在html中显示。第二种方法是用户对单词进行更改,并更改单词的背景和颜色,这样单词就会更改单词的颜色和背景。第一个函数运行良好,第二个函数是我遇到问题的地方。我以前没有用jQuery创建过数组,所以我猜我的语法有问题,因为我的代码运行起来就像没有第二个函数一样。有什么建议吗 谢谢 下面是函数 function listWordsUsed(wordUsed) { var userTrials = $('#userGu
function listWordsUsed(wordUsed) {
var userTrials = $('#userGuesses');
var divisor = $("<div>" + wordUsed + "</div>");
divisor.hide().appendTo(userTrials).fadeIn(7000);
return;
} //End of function listWordsUsed(wordUsed)
function addStyleToAnswers(wordUsed) {
listWordsUsed(wordUsed);
theGuess = $("div").toArray();
for (i=0; i< theGuess.length; i++)
{
if (i % 2 == 0)
{
$("#userGuesses").addClass("oddGuess");
} //if (i % 2 = 0)
else
{
$("#userGuesses").addClass("evenGuess");
} //else
} //for (i=0; i< wordUsed.length; i++)
} //function addStyleToAnswers(wordUsed)
.oddGuesses {
color: orange;
background-color: blue;
}
.evenGuesses {
color: blue;
background-color:orange;
}
要在jquery对象上循环,可以使用
.each()
比如:
函数addAnswer(使用的单词){
var userTrials=$(“#userGuesses”);
变量除数=$(''+wordUsed+'');
除数.hide().appendTo(userTrials).fadeIn(7000);
回来
}
函数addStyleToAnswers(使用的字){
$('.word')。每个(函数(索引){
如果(索引%2==0){
$(this.addClass('odd'))
}否则{
$(this.addClass('even'))
}
});
}
addAnswer();
addStyleToAnswers();
但是,当您只想为偶数或奇数元素设置样式时,您可以在css中使用
div:nth child(奇数)
和div:nth child(偶数)
至少当你不关心IE8的时候因为代码没有太多意义,你的期望是什么?这是我想要的。我将在addStyleToAnswers(wordUsed)
函数中运行addStyleToAnswers(wordUsed)
函数。对于客人输入的第一个单词,背景将变为蓝色,文本将变为橙色,对于第二个单词,背景将变为橙色,文本将变为蓝色,依此类推,然后文本将打印在页面中。谢谢。我不知道CSS的第n个孩子。这就成功了。我觉得这一页很有用
function addAnswer (wordUsed) {
var userTrials = $('#userGuesses');
var divisor = $('<div class="word">' + wordUsed + '</div>');
divisor.hide().appendTo(userTrials).fadeIn(7000);
return;
}
function addStyleToAnswers(wordUsed) {
$('.word').each(function(index){
if (index%2 === 0) {
$(this).addClass('odd')
} else {
$(this).addClass('even')
}
});
}
addAnswer();
addStyleToAnswers();