Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Jquery创建数组_Jquery_Css_Arrays_Append - Fatal编程技术网

使用Jquery创建数组

使用Jquery创建数组,jquery,css,arrays,append,Jquery,Css,Arrays,Append,我有两个功能。第一个函数接收用户在文本框中的输入,并将其附加到div,然后在html中显示。第二种方法是用户对单词进行更改,并更改单词的背景和颜色,这样单词就会更改单词的颜色和背景。第一个函数运行良好,第二个函数是我遇到问题的地方。我以前没有用jQuery创建过数组,所以我猜我的语法有问题,因为我的代码运行起来就像没有第二个函数一样。有什么建议吗 谢谢 下面是函数 function listWordsUsed(wordUsed) { var userTrials = $('#userGu

我有两个功能。第一个函数接收用户在文本框中的输入,并将其附加到div,然后在html中显示。第二种方法是用户对单词进行更改,并更改单词的背景和颜色,这样单词就会更改单词的颜色和背景。第一个函数运行良好,第二个函数是我遇到问题的地方。我以前没有用jQuery创建过数组,所以我猜我的语法有问题,因为我的代码运行起来就像没有第二个函数一样。有什么建议吗

谢谢

下面是函数

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();