Gostaria de alterar dinamicamente via jQuery o title
de uma div
.
Estou com o código abaixo, porém não funciona. Ele faz o post, retorna o valor correto. Porém, com o mouse em cima da div
referida, o title
não é alterado.
O que estou fazendo de errado?
$(document).on('hover','.buscar_detalhes',function(){
var codigo = $(this).attr('codigo');
$.ajax({
type: "GET",
data: {codigo : codigo},
url: "buscar_detalhes.php",
success: function(resposta){
$(this).attr('title',resposta);
$(this).prop('title',resposta);
}
});
});
<div codigo='123' class='buscar_detalhes'>VER DETALHES</div>
$('this')
dentro da sua funçãosuccess
, não é sua<div>
, você pode colocar fora do ajax umvar self = $('this')
e usar essa variavelself
dentro da funçãosuccess
this
-- Ao tentar criar um objeto usandothis
o console diz que a propriedade é undefined