在jquery中偶数和奇数点击数

时间:2011-11-22 08:05:18

标签: jquery

我的html页面中有四个div,如下所示: 工作小提琴的实现在这里:http://jsfiddle.net/GxaCK/3/

 <div class="first">
    <p> First </p>
    </div>
    <div class="second">
    <p> Second </p>
    </div>
    <div class="third">
    <p> Third </p>
    </div>
    <div class="fourth">
    <p> Fourth </p>
    </div>

然后像这样的jquery:

$(function() {
    var firstCnt = 0,
        secondCnt = 0,
        thirdCnt = 0,
        fourthCnt = 0;
    $(".first").live("click", function(){
        firstCnt += 1;
        $(".first p").text(firstCnt);
    });

     $(".second").live("click", function(){
        secondCnt += 1;
        $(".second p").text(secondCnt);
    });

});

现在给出这个,我可以做firstCnt%2来得到div被点击偶数或奇数次。

我有以下疑问: 1.这是项目中实施的良方吗? 2.是否有类似奇怪的点击选择器,as exists in css3

1 个答案:

答案 0 :(得分:1)

即使是奇怪的......你可以使用toggle。请参阅更新的jsfiddle here