カスタム段落テキストでjQuery関数を作成

Question

どうすればこの関数を作成できますか？要素を割り当てるために追加の&を追加して使用し、これをできるだけDRYとして保持し、各出力テキストをカスタマイズできるようにします。矢印の関数として

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：

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

Answer 1

パラメータとしてクラスとテキストを受け入れる：私の目標は次のようにコードブロックをoutputingための簡単なセットアップを持っていることがある

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

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

：

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

---

あなたはletを使用しているので、ES2015 +ブラウザを想定しています。その場合は、オブジェクトの初期化子に引用符を安全に残すことができます（class）。キーワードはES5以来そのコンテキストで有効です。もちろん、古いJavaScriptエンジンの場合は、引用符で囲んでください。