Javascript jquery切换未按预期工作
大家好,下面是我的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(){ $('
$(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);
});
});