我是一名jQuery初学者,我需要你的帮助才能解决我一周的问题。 我有一张(登录,密码,按钮)表,如下图所示。 我想显示隐藏密码只有5秒然后再次隐藏它,这只是单击按钮的行。 问题: - 单击一个按钮时,一切正常。 - 当点击另一个按钮时,也会显示第一个密码。有人可以帮我解决这个问题吗?
$(document).ready(function() {
//--------------------------------------
$("table input[type='button']").on("click",function() {
var element_td = $(this).parent('td');
var element_tr = element_td.parent('tr');
var element_input = element_tr.find("input[type='password']");
$("#form-inner").show();
//--------------------------------------
function truePswd(password) {
var password = $('#password').val();
if (password == '') {
alert ("Empty password");
return false;
}
else
{
return true;
}
}
$("#ok").on("click",function() {
//----------------------------------------
var result =truePswd (password);
if (result == true) {
var password = $('#password').val();
$.ajax ({
type : 'POST',
cache : 'false',
url : 'process.php',
data : 'password ='+password,
success : function(data) {
$("#form-inner").hide();
if(data = 'ok') {
element_input.addClass('evidence');
element_input.attr('type', 'text');
//-----------------------------------------
setTimeout(function() {
element_input.removeClass('evidence');
element_input.attr('type', 'password');
},
10000
);
//-----------------------------------------
}
},
error : function() {
alert("Error Ajax request");
}
});
}
});
});
//------------------------------------------
});
<table>
<thead>
<tr>
<td>login</td>
<td>password</td>
<td>action</td>
</tr>
</thead>
<tbody>
<tr id="1">
<td>admin</td>
<td>
<input type="password" value="n1mD@_!21&$"/>
</td>
<td>
<input type="button" value="show password"/>
</td>
</tr>
<tr id="2">
<td>lynxus</td>
<td>
<input type="password" value="l1ncSU$"/>
</td>
<td>
<input type="button" value="show password"/>
</td>
</tr>
<tr id="3">
<td>zeus76</td>
<td>
<input type="password" value="d1L&m@4_714"/>
</td>
<td>
<input type="button" value="show password"/>
</td>
</tr>
</tbody>
</table>