Tengo una seríe de elementos <li> (son productos) y cada uno de ellos tiene un boton "me gusta" que he creado y le he añadido una funcion onclick
<span class="btn_megusta"><a onclick="likeOferta(7);return false;" href="#" class="activo">Me gusta</a></span>
El numero de likeOferta es el ID del producto, y esta función la declaro de la siguiente forma.
Código Javascript:
Ver original
function likeOferta(id_oferta_param) { $.ajax({ type: "POST", url: "/ajax/favorito.php", data: "oferta_id=" + id_oferta_param + "&accion=" + $(".btn_megusta a").attr("class"), dataType: "json", success: function(html){ $(".fans-count").text(html.votos); $(".btn_megusta a").toggleClass("activo"); } }); };
El problema que tengo es que al ser un listado de productos dentro de etiquetas <li>, cuando me devuelve el resultado me lo escribe en todos los productos porque no soy capaz de definir que solo me lo escriba en el producto en el cual ha pulsado el botón.
¿Cómo se lo puedo indicar?
pego la estructura de mi html por si me podéis echar una mano.
Código HTML:
Ver original
Muchas gracias de antemano!