Javascript 单击按钮前后更改文本
这里有一些关于元素的文本在已经发生变异后如何更改回去的小错误理解Javascript 单击按钮前后更改文本,javascript,jquery,Javascript,Jquery,这里有一些关于元素的文本在已经发生变异后如何更改回去的小错误理解 $('.target')。单击(函数(){ if($(this).hasClass('clicked')){ $(this).text('ORIGINAL').toggleClass('clicked'); } $(this).text('CLICKED')。toggleClass('CLICKED'); }); 原始的您可以将原始数据存储在jQuery的数据存储中,然后将其取回 $('.target')。每个(函数(){
$('.target')。单击(函数(){
if($(this).hasClass('clicked')){
$(this).text('ORIGINAL').toggleClass('clicked');
}
$(this).text('CLICKED')。toggleClass('CLICKED');
});代码>
原始的
您可以将原始数据存储在jQuery的数据存储中,然后将其取回
$('.target')。每个(函数(){
$(this.data('original',$(this.text());
}).on('单击',函数()){
$(this).toggleClass('clicked').text(函数(\ux,txt){
var org=$(this.data('original');
返回txt==组织?“单击”:组织;
});
});代码>
。单击{color:red}
点击
点击
点击
点击
点击
每次单击都会触发最后一行代码。它将文本设置为单击
您只需要使用else
语句
$('.target')。单击(函数(){
if($(this).hasClass('clicked')){
$(this).text('ORIGINAL').toggleClass('clicked');
}否则{
$(this).text('CLICKED')。toggleClass('CLICKED');
}
});代码>
原件