Estoy tratando de apuntar al elemento 'clic' en el retorno exitoso de Ajax, cuando varios elementos tienen el mismo nombre de clase.
<td data-name='tom' class="status"><a href="">click</a></td> <td data-name='jack' class="status"><a href="">click</a></td> <td data-name='phil' class="status"><a href="">click</a></td>Puedo apuntar al elemento en el que se hizo clic usando this.ie:
var name = $(this).attr("data-name");Sin embargo, no tengo claro cómo apuntar a ese mismo elemento en un retorno exitoso de ajax.
a continuación se muestra mi ejemplo de código ajax:
$(".status").click(function(event){ event.preventDefault(); var name = $(this).attr("data-name"); $.ajax({ url: FORM_URL, type: "POST", data: {name:name}, showLoader: true, cache: false, success: function(data){ var el = $(this)('.status'); el.empty(); el.append( '<div class="status">' + '<p>name changed</p>' + '</div>' ) } }, }); return false; });El 'esto' no funciona en ajax exito
mantener el elemento como una variable así -
statusElement = document.querySelector('.status');luego agregue un detector de eventos y use la variable dentro de su función:
statusElement.addEventListener('click', function(event) { statusElement.empty(); })