Tengo una clase, en el constructor esta crea y agrega una lista de elementos al DOM, a la vez le asigna un evento CLICK a cada elemento(li). La función que ejecuta ese evento necesita acceder al elemento que disparó el evento, pero también a una de las propiedades de la clase, si uso this solo puedo acceder a una de esas dos cosas, me he creado una función en la clase que me permita acceder a la propiedad de la clase y desde la función del evento acceder al elemento que lo dispara para desde ahí llamar a la función que accede a la propiedad de la clase, pero no se como llamar a esa función, si uso this no va funcionar porque hace referencia al elemento que disparo el evento y si la intento llamar sin el, me presenta un error.
clase.js
class MyClass {
constructor(_contenedor) {
this.contenedor = _contenedor;
}
iniciar() {
let html =
'<p>Seleccione algo</p>' +
'<ul>' +
'<li>Uno</li>' +
'<li>Dos</li>' +
'<li>Tres</li>' +
'</ul>';
$(this.contenedor).append(html);
$(this.contenedor + ' li').click(this.seleccionar_opcion);
}
seleccionar_opcion() {
let op_texto = $(this).html();
cambiar_opcion(op_texto);
}
cambiar_opcion(nueva_opcion) {
$(this.contenedor + ' p').html(nueva_opcion);
}
}
miscript.js
(function () {
let prueba = new MyClass('#company-filter');
$(document).ready(function () {
prueba.iniciar();
});
})();