Question

所以，我正在尝试创建一个基本上你点击图片的游戏，它会消失，然后将1添加到一个javascript变量。

所以，我有这个：

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

我有一些照片，当你点击它们时，它们会消失。例如：

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

我只是想要它，以便下面的代码，如上所示，将一个名为picturesRemoved

的javascript变量加1

<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;为变量设置默认值并初始化它。 <{1}}会在选择项目时增加值。

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

picturesRemoved++;将阻止锚点的默认操作。否则，锚将基于设置的HREF值运行。 e.preventDefault();使用标准JS警报函数来显示变量。

从jQuery .click增加变量

2 个答案: