將選擇器傳遞給 javascript 函數

Question

我有一個 js 函數，可以將一些代碼插入到現有的 html 中。 HTML

<div id="filteredProducts">
    <!--load by js-->
</div>

<div id="filteredplaces">
    <!--load by js-->
</div>

<div class="container">
    <div class="bucket">
    </div>
</div>

js代碼

var myfun = function (data) {
    if (data.form_is_valid) {
        $("#filtered1").html(data.html);
        toggleLight();
    } 

我需要進一步抽象它以獲取另一個參數，以便我可以將 data.html 插入到任何選擇器中。 所以“#filtered1”將成為傳遞給這個函數的參數。 例如（不確定它是否有效）

var myfun = function (data, sel) {
    if (data.form_is_valid) {
        $(sel).html(data.html);
        toggleLight();
    }

理想情況下，我想做以下事情：

myfun(data,".container .bucket")

或者

myfun(data,"#filteredplaces")

Answer 1

const myFunction = (data, selector) => {
    if (data.isFormValid) {
        $(selector).html(data.html);
        // toggleLight();
    }
};
myFunction({ isFormValid: true, html: '<h1>Hello</h1>'}, '.class1,.class2')

這似乎按您的預期工作。 我剛剛用最后一行進行了測試，它可以滿足您的需求。

也許，當您針對多個類時，您錯過了在類之間需要一個逗號