2014-02-12 67 views
0

所以,我试图做一个游戏,基本上你点击图片,它消失,然后1被添加到一个JavaScript变量。从jQuery增加一个变量.click

所以,我有这样的:

<script> 
$(document).ready(function(){ 
    $("p").click(function(){ 
    $(this).hide(); 
    }); 
}); 
</script> 

,我有一些照片,当你点击它们,它们就会消失。例如:

<center><p><img src="test.jpg" border="0"></p></center> 

我只是希望它这样,下面的代码,你可以在上面看到,加1到名为picturesRemoved

<script> 
$(document).ready(function(){ 
    $("p").click(function(){ 
    $(this).hide(); 
    }); 
}); 
</script> 
+0

您的顶部和底部的代码位是相同的。这是故意的吗? – ntgCleaner

回答

4

定义变量(作为全球最有可能的一个JavaScript变量)

var picturesRemoved = 0; 

您的处理程序中然后增加:

picturesRemoved++; 

总评:

$(document).ready(function(){ 

    var picturesRemoved = 0;   

    $("p").click(function(){ 
     $(this).hide(); 
     picturesRemoved++; 
    }); 
}); 
+0

啊你打我吧。 – Fresheyeball

0

由于HTML这样的:

<div> 
    <a href="" class="showCount">Show Count</a> 
    <ul> 
     <li> 
      <img src="test.jpg" border="0"> 
     </li> 
     <li> 
      <img src="test.jpg" border="0"> 
     </li> 
    </ul> 
</div> 

您可以使用下面的做你正在试图完成的任务:

$(document).ready(function(){ 

    var picturesRemoved = 0; 

    $('li').click(function(){ 
     $(this).hide(); 
     picturesRemoved++; 
    }); 

    $('.showCount').click(function(e){ 
     e.preventDefault(); 
     alert(picturesRemoved); 
    }); 
}); 

var picturesRemoved = 0;设置默认值到变量并初始化它。 picturesRemoved++;将在选择项目时递增该值。

我还包含一个链接和单击处理程序,它将向您显示变量的当前值,作为以后如何在JS中使用它的示例。

e.preventDefault();将阻止锚点的默认操作。否则,锚点将根据设置的HREF值进行操作。 alert(picturesRemoved);使用标准的JS提示功能来显示变量。