Question

如何创建一个函数呢？我正在使用append＆amp; pre来分配元素，希望尽可能保持DRY，并能够自定义每个输出文本。

let $paragraph = $('<p>', {
    'class': 'my-class',
    text: 'some-text'
});

let $paragraph2 = $('<p>', {
    'class': 'my-other-class',
    text: 'some-other-text'
});

我的目标是轻松设置输出代码块，如：

<p>
    Instagram
    <span class="instagram">@instagram</span>
    Twitter
    <span class="twitter">@twitter</span>
    Github
    <span class="github">@github</span>
</p>

Answer 1

接受类和文本作为参数：

function createParagraph(cls, text) {
    return $('<p>', {
        'class': cls,
        text: text
    });
}

let $paragraph = createParagraph('my-class', 'some-text');
let $paragraph2 = createParagraph('my-other-class', 'some-other-text');

FWIW，createParagraph作为箭头功能：

const createParagraph = (cls, text) => $('<p>', {
    'class': cls,
    text: text
});

我看到你正在使用let，所以假设使用ES2015 +浏览器。如果是这样，您可以安全地将引号保留在对象初始值设定项中class。自ES5以来，关键字在该背景下一直有效。当然，如果您正在转换旧的JavaScript引擎，那么您需要将其保留在引号中。

使用自定义段落文本创建jQuery函数

1 个答案: