tengo una función js que inserta algún código en html existente. HTML
<div id="filteredProducts"> <!--load by js--> </div> <div id="filteredplaces"> <!--load by js--> </div> <div class="container"> <div class="bucket"> </div> </div>codigo js
var myfun = function (data) { if (data.form_is_valid) { $("#filtered1").html(data.html); toggleLight(); }Necesito abstraerlo más para tomar otro parámetro para poder insertar data.html en cualquier selector. Entonces "#filtered1" se convertirá en un paso de parámetro a esta función. Por ejemplo (No estoy seguro si funciona)
var myfun = function (data, sel) { if (data.form_is_valid) { $(sel).html(data.html); toggleLight(); }Idealmente, me gustaría hacer lo siguiente:
myfun(data,".container .bucket")o
myfun(data,"#filteredplaces")const myFunction = (data, selector) => { if (data.isFormValid) { $(selector).html(data.html); // toggleLight(); } }; myFunction({ isFormValid: true, html: '<h1>Hello</h1>'}, '.class1,.class2')Esto parece funcionar como pretendías. Acabo de probar con la última línea, y hace lo que necesitas.
Tal vez, se le pasó por alto que necesita una coma entre las clases cuando se dirige a múltiples