Amigo,
asi como lo tienes podrias hacerlo pues tu puedes agregar la clase ".editar" a tantos botones quieras y a todos se les asignaria la misma funcionalidad.
Sin embargo por cuestiones más de estandard yo te recomendaria que en vez de una clase uses un atributo data, ya que por lo queneral al agregar un "class" en los selectores los navegadores buscan dicha clase en los archivos css
Quedaria algo asi:
Código Javascript
:
Ver original<button data-cualquiernombre="true">botton 1</button>
<button data-cualquiernombre="true">botton 2</button>
<button data-cualquiernombre="true">botton 3</button>
$( document ).ready(function(){
$("[data-cualquiernombre=true]").on('click',function(){
var url = $(this).attr('link');
console.log(url);
$.ajax({
type: "POST",
url: url,
success: function(a) {
$('.FormPopup').css('display','block');
$('.fondo').fadeIn();
//$('#agregar').html("cerrar");
$('.FormPopup').html(a);
}
});
});
})
Alli lo que esté dentro del on "click" asignado por jquery, bien sea una funcion anonima o un llamado a otra se ejecutará sobre todos los botones que tengan dicho atributo data, si prefieres seguir usando la clase puedes hacerlo, el funcionamiento es el mismo. la clave es que en la asignación de la variable "url" uses el elemento "this" para que te capture el atributo del elemento que clickeaste.
Saludos.