Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.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初学者,我需要你的帮助来解决我持续一周的问题。 我有一个表(登录,密码,按钮),如下图所示。 我只想显示隐藏的密码5秒钟,然后再次隐藏它,这仅适用于单击按钮的行。 问题: -单击一个按钮时,一切正常。 -当点击另一个按钮时,第一个密码也会显示出来。有人能帮我解决这个问题吗 $(文档).ready(函数(){ //-------------------------------------- $(“表输入[type='button'])。在(“单击”,函数()上){ var元素

我是一个jQuery初学者,我需要你的帮助来解决我持续一周的问题。 我有一个表(登录,密码,按钮),如下图所示。 我只想显示隐藏的密码5秒钟,然后再次隐藏它,这仅适用于单击按钮的行。 问题: -单击一个按钮时,一切正常。 -当点击另一个按钮时,第一个密码也会显示出来。有人能帮我解决这个问题吗

$(文档).ready(函数(){
//--------------------------------------
$(“表输入[type='button'])。在(“单击”,函数()上){
var元素_td=$(this.parent('td');
var element_tr=element_td.parent('tr');
var element\u input=element\u tr.find(“input[type='password']”);
$(“#表单内部”).show();
//--------------------------------------
函数truePswd(密码){
var password=$('#password').val();
如果(密码=“”){
警报(“空密码”);
返回false;
}
其他的
{
返回true;
}
}
$(“#确定”)。在(“单击”,函数(){
//----------------------------------------
var结果=truePswd(密码);
如果(结果==真){
var password=$('#password').val();
$.ajax({
键入:“POST”,
缓存:“false”,
url:'process.php',
数据:“密码=”+密码,
成功:功能(数据){
$(“#表单内部”).hide();
如果(数据='ok'){
元素_input.addClass(“证据”);
元素_input.attr('type','text');
//-----------------------------------------
setTimeout(函数(){
元素_input.removeClass(“证据”);
元素_input.attr('type','password');
}, 
10000
);
//-----------------------------------------
}
},
错误:函数(){
警报(“错误Ajax请求”);
}
});
}
});
});
//------------------------------------------
});

登录
密码
行动
管理
林克斯
宙斯76

在这里试试这个。。我希望这就是你想要的

这里有一把小提琴供你检查:

以下是Jquery代码:

$('.btn').click(function(){
  var $this = $(this);
  $parent = $this.parent().parent();
  $td = $parent.find('td:eq(1)');
  sample($this, $td);

})

function sample($this, $input){
    var input = $input;
    $this.promise(
    input.find('.inputClass').attr('type', 'text')
  ).done(function(){
    setTimeout(function(){
    input.find('.inputClass').attr('type', 'password');
    }, 3000);
  });
}

我在那里设置了3秒,即
3000
。。通过将3000更改为5000,可以将其更改为5秒。