我想检查$('#td1')。text()===" x"? [英] I want to check if $('#td1').text() === "x"?
本文介绍了我想检查$('#td1')。text()===" x"?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想检查innerHtml是否有X或O,所以我不能再添加任何其他东西,但它不起作用。它在添加检查代码后停止,我正在尝试做一个简单的XO游戏,以便更熟悉javascript和jquery。
I want to check if innerHtml have X or O , so i can not add again any thing else , but it's not working . it stop after adding the check code , I'm trying here to do a simple X O game to get more familiar with javascript and jquery .
我也不确定是否可以用jQuery做到这一点。
also I'm not sure if can do this with jQuery .
<script type="text/javascript" >
function ranFun() {
return Math.floor((Math.random() * 9) + 1);
}
var a;
function Elment(a) {
document.getElementById("td" + a).innerHTML = "O";
}
function call() {
var x = ranFun();
switch (x) {
case 1:case 2 :case 3: case 4 :case 5 : case 6 : case 7 : case 8 : case 9 :
Elment(x);
break;
default:
break;
}
}
function tdElm(c) {
if ($('#td1').text() === "x" || $('#td1').text() == "o")
return false;
else {
document.getElementById("td" + c).innerHTML = "x";
call();
}
}
</script>
<BODY>
<center>
<h1 >" X ,O Game "</h1>
<table >
<tr>
<td id="td1" onclick="tdElm(1);" ></td>
<td id="td2" onclick="tdElm(2);"></td>
<td id="td3" onclick="tdElm(3);"></td>
</tr>
<tr>
<td id="td4" onclick="tdElm(4);"></td>
<td id="td5" onclick="tdElm(5);"></td>
<td id="td6" onclick="tdElm(6);"></td>
</tr>
<tr>
<td id="td7" onclick="tdElm(7);"></td>
<td id="td8" onclick="tdElm(8);"></td>
<td id="td9" onclick="tdElm(9);"></td>
</tr>
</table>
</center>
</BODY>
推荐答案
你的代码存在很多问题,
There is quite a few things wrong with your code,
我建议你看看我把它放在一起工作的快速黑客,随时提问。
I suggest you take a look at this quick hack I put together which is working, feel free to ask questions.
http://jsfiddle.net/blowsie/TKq2H/4/
function call() {
var x = Math.floor((Math.random() * 9) + 1);
if ($('#td' + x).text() === "x" || $('#td' + x).text() == "o") {
call();
}
else {
$("#td" + x).text("o");
}
}
$('td').click(function() {
var no = $(this).data('no')
if ($('#td' + no).text() === "x" || $('#td' + no).text() == "o") return false;
else {
$("#td" + no).text("x");
call();
}
});
<center>
<h1 >" X ,O Game "</h1>
<table >
<tr>
<td id="td1" data-no="1" ></td>
<td id="td2" data-no="2"></td>
<td id="td3" data-no="3"></td>
</tr>
<tr>
<td id="td4" data-no="4"></td>
<td id="td5" data-no="5"></td>
<td id="td6" data-no="6"></td>
</tr>
<tr>
<td id="td7" data-no="7"></td>
<td id="td8" data-no="8"></td>
<td id="td9" data-no="9"></td>
</tr>
</table>
</center>
这篇关于我想检查$('#td1')。text()===" x"?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文