Question

你好，这里的人是我的JQUERY代码......

    $(function(){

    $(".block2").toggle(

    function(){$(this).text(1);},
    function(){$(this).text(0);});

    });

其中block2是2个div的同一个类名...我想要点击first div它应该在其中输入1 ..如果我点击{ {1}}它应该输入second div(second time)如何解决这个问题？

demo link

Answer 1

尝试

$(function () {
    var counter = 0
    $(".block2").click(function () {
        $(this).text(counter++ % 2);
    });
});

演示：Fiddle

Answer 2

试试这个，

$(function(){
    $('#first_div, #second_div').on('click',function(){
        $(".block2").text(function(){
            return $(this).text()==1 ? 0 : 1
        });
    });
});

更新了，使用相同的班级block2

$(function(){
    $('.block2').on('click',function(){
        $(this).text(function(){
            return $(this).text()==0 ? 1 : 0;
        });
    });
});

Live Demo

根据您的html code

Link

Answer 3

这是＆＃34;单击一个元素来运行指定的函数＆＃34; .toggle（）的签名。它不应与＆＃34;改变元素的可见性相混淆。不推荐使用的.toggle（）。前者被删除以减少混淆并提高库中模块化的可能性。 jQuery Migrate插件可用于恢复功能。你可以试试这个

$(function(){
$(".block2").click(function
    if($(this).hasClass("clicked")) {
        $(this).text(1);
        $(this).removeClass("clicked");
    } else {
        $(this).text(1);
        $(this).addClass("clicked");
    }
}); 
});

jquery切换不按预期工作

3 个答案: