我试图在 ajax 成功后更改标签的类,但我认为我得到的是空值,因为它没有改变
$(document).ready(function(){
$(".att").click(function() {
var x_userid = $(this).closest('tr').find('.x_userid').val();
var formm = {
'x_userid': x_userid
}
$.ajax({
type: "POST",
url: 'src/ajax.php',
data: formm,
encode: true,
success: function (data) {
$(this).closest('tr').find('td span.xlbl').addClass("label-success").removeClass("label-warning");
}
});
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>
<td> Gabb </td>
<td class='resultt'> 13,12 </td>
<td> 15,41 </td>
<td> 150 </td>
<td> <span class='xlbl label label-warning'> Pending </span> </td>
<td> <button type='submit' class='att btn bgm-teal waves-effect'><i class='zmdi zmdi-refresh'></i></button> </td></tr>
谁能告诉您如何正确更改它?我很感激
最佳答案
很有可能this
不是您所期望的。
此外,您没有带有类“xlbl”的td
,您有一个带有该类的span
,因此您可以像一样定位它.find('td span.xlbl')
关于javascript - ajax成功后如何更改标签的类别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47579724/