dom元素上的函数调用

Question

如何使用选项调用DOM元素上的函数？

例如，我想下一步实现

HTML：

<p id="parOne">Text Text Text</p>
<p id="parTwo">Text Text Text</p>

JavaScript（jQuery）调用

$('#parOne').changeStyle({
    background: red;
    textColor: blue;
});

$('#parTwo').changeStyle({
    background: green;
    textColor: yellow;
});

JavaScript（jQuery）

function changeStyle(background, textColor) {

    this.background = background;
    this.textColor = textColor;

    $(this).css({'background':background, 'textColor:textColor});

}

我在jQuery中有用于表选项的代码，目前正在使用这些代码来提供标签数据选项。例如，要向表中添加搜索选项，我需要给data-search =“ true”进行标记，但是如果我在网页上有多个表，并且每个表都希望有不同的选项，那将是一个问题。因此，我想为我的插件实现与上述表格示例相同的功能，以便为每个表格提供所需的选项。

$('#myTableOne').easyTable({
    sortable: true,
    saerch: true,
    counter: true
});

$('#myTableTwo').easyTable({
    search: true,
    bordered: true,
    selectable: true
});