Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.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
更改表Javascript中的颜色_Javascript_Colors - Fatal编程技术网

更改表Javascript中的颜色

更改表Javascript中的颜色,javascript,colors,Javascript,Colors,(这是我的第一个问题,请理解我是如何做错事情的) 您好,我有一个表形式的宾果程序,其中写入了随机数,但我希望绘制的数字在表中以某种颜色突出显示,有人知道怎么做吗?关键是,如果我们画数字“2”,这个数字的正方形应该改变颜色 答对 了 div{ 文本对齐:居中; } .bigNumberDisplay{ 字号:6em; } .号码表{ 字号:1.6em; } 桌子{ 左边距:自动; 右边距:自动; } 表,tr,td{ 边界塌陷:塌陷; 边框:实心1px#999; } 运输署{ 最小宽度:100

(这是我的第一个问题,请理解我是如何做错事情的) 您好,我有一个表形式的宾果程序,其中写入了随机数,但我希望绘制的数字在表中以某种颜色突出显示,有人知道怎么做吗?关键是,如果我们画数字“2”,这个数字的正方形应该改变颜色


答对 了
div{
文本对齐:居中;
}
.bigNumberDisplay{
字号:6em;
}
.号码表{
字号:1.6em;
}
桌子{
左边距:自动;
右边距:自动;
}
表,tr,td{
边界塌陷:塌陷;
边框:实心1px#999;
}
运输署{
最小宽度:100px;
颜色:#fff;
}
运输署署长获选{
颜色:#000000;
}
$(函数(){
var bingo={
所选号码:[],
GeneratorDOM:函数(){
var min=1;//Liczba początkowa
var max=89;//Liczba końcowa
var random=Math.floor(Math.random()*(max-min+1))+min;
返回随机;
},
generateNextRandom:函数(){
如果(bingo.selectedNumbers.length>88){
警报(“Koniec”);
返回0;
}
var random=bingo.generateradom();
而($.inArray(随机、宾果、选定数字)>-1){
random=宾果。generateradom();
}
宾果。选择数字。推送(随机);
返回随机;
}
};
$('td')。每个(函数(){
var concatClass=this.cellIndex+“”+this.parentNode.rowIndex;
var numberString=parseInt(concatClass,10).toString();
$(this).addClass(“单元格”+numberString).text(numberString);
});
$('#btnGenerate')。单击(函数(){
var random=bingo.generateNextRandom().toString();
$('.bigNumberDisplay span').text(随机);
$('td.cell'+random).addClass('selected');
});
window.onbeforeunload=函数(e){
e=e | | window.event;
var returnString='你确定吗?';
如果(e){
e、 returnValue=returnString;
}
返回字符串;
};
});
0



您需要进行两项更改,分配一个自定义属性,我们称之为CellValue(您可以随意调用),其中包含每个
td

  $("td").each(function () {
    var concatClass = this.cellIndex + "" + this.parentNode.rowIndex;
    var numberString = parseInt(concatClass, 10).toString();
    $(this)
      .addClass("cell" + numberString)
      .text(numberString);
    $(".cell" + numberString).attr("CellValue", numberString);
  });
在按钮上单击检查每个表数据
CellValue
,查看它是否与随机生成的数字匹配,如果它确实更改了该
td

$("#btnGenerate").click(function () {
    var random = bingo.generateNextRandom().toString();
    $(".bigNumberDisplay span").text(random);
    $("td.cell" + random).addClass("selected");
    $("td").each(function () {
      if ($(this).attr("CellValue") === random) {
        $(this).css("background-color", "yellow");
      }else {
        $(this).css("background-color", "white");
      }
    });
  });
工作示例:

$(函数(){
var bingo={
所选号码:[],
GeneratorDOM:函数(){
var min=1;//Liczba początkowa
var max=89;//Liczba końcowa
var random=Math.floor(Math.random()*(max-min+1))+min;
返回随机;
},
generateNextRandom:函数(){
如果(bingo.selectedNumbers.length>88){
警报(“Koniec”);
返回0;
}
var random=bingo.generateradom();
而($.inArray(随机、宾果、选定数字)>-1){
random=宾果。generateradom();
}
宾果。选择数字。推送(随机);
返回随机;
},
};
$(“td”)。每个(功能){
var concatClass=this.cellIndex+“”+this.parentNode.rowIndex;
var numberString=parseInt(concatClass,10).toString();
$(本)
.addClass(“单元格”+数字字符串)
.文本(数字字符串);
$(“.cell”+numberString.attr(“CellValue”,numberString);
});
$(“#b生成”)。单击