jQuery tick tac toe透明板问题
我曾尝试使用jQuery使tictactoe工作正常，但问题是何时清除其中一个 字段自动填充，有没有办法防止它在清除板后出现 这是我的代码。只需要防止在板清除后自动填充元素jQuery tick tac toe透明板问题,jquery,tic-tac-toe,Jquery,Tic Tac Toe,我曾尝试使用jQuery使tictactoe工作正常，但问题是何时清除其中一个 字段自动填充，有没有办法防止它在清除板后出现 这是我的代码。只需要防止在板清除后自动填充元素 <script> jQuery(document).ready(function(){ function clearboard(){ alert('you win'); jQuery('ul li').text(''); } jQuer
<script>
jQuery(document).ready(function(){
function clearboard(){
alert('you win');
jQuery('ul li').text('');
}
jQuery('li').click(function(){
// alert(jQuery(this).attr('class'));
if(!jQuery(this).text()){
jQuery(this).text('o');
}
jQuery("li").toggle(
function () {
var temp ='x';
jQuery(this).text(temp);
},
function () {
var temp ='o';
jQuery(this).text(temp);
}
);
if( (jQuery('.f1').text()=='x'&& jQuery('.f5').text()=='x'&& jQuery('.f9').text()=='x')||(jQuery('.f1').text()=='o'&& jQuery('.f5').text()=='o'&& jQuery('.f9').text()=='o')){
clearboard();
}
else if( (jQuery('.f1').text()=='x'&& jQuery('.f2').text()=='x'&& jQuery('.f3').text()=='x')||(jQuery('.f1').text()=='o'&& jQuery('.f2').text()=='o'&& jQuery('.f3').text()=='o')) {
clearboard()
}
else if( (jQuery('.f4').text()=='x'&& jQuery('.f5').text()=='x'&& jQuery('.f6').text()=='x')||(jQuery('.f4').text()=='o'&& jQuery('.f5').text()=='o'&& jQuery('.f6').text()=='o')) {
clearboard();
}
else if( (jQuery('.f7').text()=='x'&& jQuery('.f8').text()=='x'&& jQuery('.f9').text()=='x')||(jQuery('.f7').text()=='o'&& jQuery('.f8').text()=='o'&& jQuery('.f9').text()=='o')) {
clearboard();
}
else if( (jQuery('.f1').text()=='x'&& jQuery('.f4').text()=='x'&& jQuery('.f7').text()=='x')||(jQuery('.f1').text()=='o'&& jQuery('.f4').text()=='o'&& jQuery('.f7').text()=='o')) {
clearboard();
}
else if( (jQuery('.f2').text()=='x'&& jQuery('.f5').text()=='x'&& jQuery('.f8').text()=='x')||(jQuery('.f2').text()=='o'&& jQuery('.f5').text()=='o'&& jQuery('.f8').text()=='o')) {
alert('you win');
clearboard();
}
else if( (jQuery('.f3').text()=='x'&& jQuery('.f6').text()=='x'&& jQuery('.f9').text()=='x')||(jQuery('.f3').text()=='o'&& jQuery('.f6').text()=='o'&& jQuery('.f9').text()=='o')) {
clearboard();
}
else if( (jQuery('.f3').text()=='x'&& jQuery('.f5').text()=='x'&& jQuery('.f7').text()=='x')||(jQuery('.f3').text()=='o'&& jQuery('.f5').text()=='o'&& jQuery('.f7').text()=='o')) {
clearboard();
}
})
</script>
<style>
ul {
float: left;
max-width: 247px;
}
li {
border: 1px solid;
float: left;
font-size: 44px;
height: 60px;
list-style: none outside none;
text-align: center;
vertical-align: top;
width: 60px;
}
</style>
<body>
<ul>
<li class="f1"></li>
<li class="f2"></li>
<li class="f3"></li>
<li class="f4"></li>
<li class="f5"></li>
<li class="f6"></li>
<li class="f7"></li>
<li class="f8"></li>
<li class="f9"></li>
</ul>
jQuery（文档）.ready（函数（）{
函数clearboard（）{
警惕（“你赢了”）；
jQuery（'ul-li'）。文本（“”）；
}
jQuery（'li'）。单击（函数（）{
//警报（jQuery（this.attr（'class'））；
如果（！jQuery（this）.text（））{
jQuery（this）.text（'o'）；
}
jQuery（“li”）.toggle(
函数（）{
var-temp='x'；
jQuery（this）.text（temp）；
},
函数（）{
var temp='o'；
jQuery（this）.text（temp）；
}
);
如果（（jQuery（'.f1'）.text（）='x'&&jQuery（'.f5'）.text（）='x'&&jQuery（'.f9'）.text（）='x'）|；（jQuery（'.f1'）.text（）='o'&&jQuery（'.f5'）.text（）='o'&&jQuery（'.f9'）.text（）='o'））{
透明板（）；
}
else if（（jQuery（'.f1'）.text（）='x'&&jQuery（'.f2'）.text（）='x'&&jQuery（'.f3'）.text（）='x'）|；（jQuery（'.f1'）.text（）='o'&&jQuery（'.f2'）.text（）='o'&&jQuery（'.f3'）.text（）='o'））{
透明板（）
}
else if（（jQuery（'.f4'）.text（）='x'&&jQuery（'.f5'）.text（）='x'&&jQuery（'.f6'）.text（）='x'）|（jQuery（'.f4'）.text（）='o'&&jQuery（'.f5'）.text（）='o'&&jQuery（'.f6'）.text（）='o'））{
透明板（）；
}
else if（（jQuery（'.f7'）.text（）='x'&&jQuery（'.f8'）.text（）='x'&&jQuery（'.f9'）.text（）='x'）|（jQuery（'.f7'）.text（）='o'&&jQuery（'.f8'）。text（）='o'&&jQuery（'.f9'）。text（）='o'））{
透明板（）；
}
else if（（jQuery（'.f1'）.text（）='x'&&jQuery（'.f4'）.text（）='x'&&jQuery（'.f7'）.text（）='x'）|；（jQuery（'.f1'）.text（）='o'&&jQuery（'.f4'）.text（）='o'&&jQuery（'.f7'）.text（）='o'））{
透明板（）；
}
else if（（jQuery（'.f2'）.text（）='x'&&jQuery（'.f5'）.text（）='x'&&jQuery（'.f8'）.text（）='x'）|（jQuery（'.f2'）.text（）='o'&&jQuery（'.f5'）.text（）='o'&&jQuery（'.f8'）.text（）='o'））{
警惕（“你赢了”）；
透明板（）；
}
else if（（jQuery（'.f3'））.text（）='x'&&jQuery（'.f6'）.text（）='x'&&jQuery（'.f9'）.text（）='x'）|（jQuery（'.f3'）。text（）='o'&&jQuery（'.f6'）。text（）='o'&&jQuery（'.f9'）。text（）='o'））{
透明板（）；
}
else if（（jQuery（'.f3'））.text（）='x'&&jQuery（'.f5'）.text（）='x'&&jQuery（'.f7'）.text（）='x'）|（jQuery（'.f3'）.text（）='o'&&jQuery（'.f5'）。text（）='o'&&jQuery（'.f7'）。text（）='o'））{
透明板（）；
}
})
保险商实验室{
浮动：左；
最大宽度：247px；
}
李{
边框：1px实心；
浮动：左；
字体大小：44px；
高度：60px；
列表样式：无外无；
文本对齐：居中；
垂直对齐：顶部；
宽度：60px；
}
尝试使用
$（'ul li'）.empty（）；