Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/.htaccess/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery切换未按预期工作_Javascript_Jquery_Html - Fatal编程技术网

Javascript jquery切换未按预期工作

Javascript jquery切换未按预期工作,javascript,jquery,html,Javascript,Jquery,Html,大家好,下面是我的JQUERY代码 $(function(){ $(".block2").toggle( function(){$(this).text(1);}, function(){$(this).text(0);}); }); 其中block2是两个div的相同类名…我试图做的是,如果我单击第一个div,它应该在其中输入1。。如果我再次单击second div,它应该输入0如何修复此问题 试试这个 $(function(){ $('

大家好,下面是我的JQUERY代码

    $(function(){

    $(".block2").toggle(

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

    });
其中block2是两个div的相同类名…我试图做的是,如果我单击第一个div,它应该在其中输入1。。如果我再次单击second div,它应该输入0如何修复此问题

试试这个

$(function(){
    $('#first_div, #second_div').on('click',function(){
        $(".block2").text(function(){
            return $(this).text()==1 ? 0 : 1
        });
    });
});
使用相同的类block2更新


根据您的html代码

这是单击元素以运行指定的函数签名.toggle。不应将其与未弃用的.toggle元素的可见性更改混淆。前者正在被删除,以减少混淆并提高库中模块化的潜力。jQuery迁移插件可用于恢复功能。 你可以试试这个

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


演示:

tjhanks用于回答……但我知道这样我想对这两个问题使用相同的类。。bcos我有超过十个div我不能使用不同的id所有…@朋友看一次,也删除id,因为id必须是唯一的你能分享你正在使用的jQuery的html版本吗?如果我没记错的话。togglefunction,函数从jQuery 1.9中删除。你能在@ArunPJohny demo链接中创建一个demo更新吗?像这样?这不起作用。。。。当您单击下一个块时,如果上一个单击值为0,即使有1,它也将变为1。。。。。
$(function(){
$(".block2").click(function
    if($(this).hasClass("clicked")) {
        $(this).text(1);
        $(this).removeClass("clicked");
    } else {
        $(this).text(1);
        $(this).addClass("clicked");
    }
}); 
});
$(function () {
    var counter = 0
    $(".block2").click(function () {
        $(this).text(counter++ % 2);
    });
});