从jQuery .click增加一个变量

Question

因此，我正在尝试制作一个游戏，基本上您单击图片，然后图片消失，然后将1添加到javascript变量中。

所以，我有这个：

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

我有一些图片，当您单击它们时，它们便消失了。 例如：

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

我只想要它，以便下面的代码（如您在上面看到的）将1加到一个名为picturesRemoved的javascript变量中

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

Answer 1

定义变量（作为全局变量）

var picturesRemoved = 0;

然后在您的处理程序内增加：

picturesRemoved++;

总体：

$(document).ready(function(){

    var picturesRemoved = 0;        

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

Answer 2

给定这样的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警报功能显示变量。