javascript - 再利用jQueryで

Question

これは、<div>id = CarSpecs の私のものです。このコードを jQuery のセレクターで再利用したいと考えています。私が達成したい$("CarSpecs")のは、巨大なHTMLファイルを持たないようにすることです。

誰かがこれを行う方法を教えてもらえますか?

    <div id="CarSpecs">
                <div data-role="collapsible" data-theme="a" data-content-theme="a" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u">
                    <h1>Price</h1>
                </div>
                <div data-role="collapsible" data-theme="a" data-content-theme="a" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u">
                    <h1>Body</h1>
                </div>
                <div data-role="collapsible" data-theme="a" data-content-theme="a" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u">
                    <h1>Transmission</h1>
                </div>
                <div data-role="collapsible" data-theme="a" data-content-theme="a" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u">
                    <h1>Engine</h1>
                </div>
                <div data-role="collapsible" data-theme="a" data-content-theme="a" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u">
                    <h1>Fuel</h1>
                </div>
    </div>

Answer 1

これはあなたのために働くはずです：

実施例

HTML:

<div class="copy"></div>

JS:

var carspecs = $('#CarSpecs').html();
$('.copy').html(carspecs);

または別の言い方をすると：

$('.copy').html($('#CarSpecs').html());

.html() の API ドキュメント

Answer 2

var carspecs = $('#carspecs').html();