如何为表中的特定单元格着色,该表以字符串形式存储在变量中

时间:2018-10-08 18:08:58

标签: javascript jquery html

我正在尝试开发一个内存测试迷你游戏。当单击“是”时,将显示几行包含正确/错误的4行表格。之后,我们将放置两个按钮“ true”或“ false”,用​​户必须按开始屏幕所示的相同顺序单击这些按钮。我想用红色突出显示不正确的单元格。但是因为它是一个字符串,所以当我尝试为那个特定的不正确的行着色时,它使所有行都变成红色。 https://codepen.io/punjala-rakesh/pen/pxRvWp

var x = "";

var basenumber = 0;

$(".trueorflase").click(function(){

if($("#playingtable td").length != $("#actualtable 

td").length){

if(this.innerHTML != $("#actualtable 

td").eq(basenumber).html()){

x = x + "<tr>" + "<td>" + this.innerHTML + "</td" + 

"</tr" + "<br>";
document.getElementById("playingtable").innerHTML=x;
playingtablelength = $("#playingtable td").length;
document.getElementById("pol").innerHTML=playingtablelength;
}
else if(this.innerHTML == $("#actualtable td").eq(basenumber).html()){
x = x + "<tr>" + "<td>" + this.innerHTML + "</td" + "</tr" + "<br>";
document.getElementById("playingtable").innerHTML=x;
}
basenumber ++;
}
else if($("#playingtable td").length == $("#actualtable td").length){ `enter code here`
$("#GameisOver").show();   
document.getElementById("GameisOver").innerHTML= "Game is Over";
}

在上面的代码中,所有单元格/行都存储在字符串“ x”中。我要为特定的单元格/行着色。

0 个答案:

没有答案