jquery - 要素の作成コードを簡素化するにはどうすればよいですか?

Question

1つはID付き、もう1つはIDなしの2つの要素を作成しようとしています。次のコードがあり、それを単純化する方法を知りたいです。何か役に立ちますか？どうもありがとう。

 var element = $('<div/>').attr({'id': tool}).addClass('s-Tool')             
                .append(
                  $('<div/>').css({'padding': '0.5em 1em'}).html(text)
               );

//only different is attr id

 var elementClass = $('<div/>').addClass('s-Tool')             
                .append(
                  $('<div/>').css({'padding': '0.5em 1em'}).html(text) 
               );

Answer 1

var elementClass = $('<div />', {'class': 's-Tool'})
                   .append($('<div/>').css('padding', '0.5em 1em').html(text)),
    element = elementClass.clone(true).attr('id', tool);

Answer 2

実際の HTML をそのまま使用できます。

var element = $('<div id="tool" class="s-Tool"><div style="padding: 0.5em 1em;">' + text + '</div></div>')

別の ID でこれを行うには、関数にすることができます。

function makeMyElement(id, text) {
    var element = $('<div id="' + id + '" class="s-Tool"><div style="padding: 0.5em 1em;">' + text + '</div></div>')
    return(element);
}