jquery - 複数の場所でHTMLを参照していますか？

Question

私はjQueryタブを使用しており、クエリによって入力されるドロップダウンがたくさんあります。重要なのは、まったく同じドロップダウン（同じオプション）が異なるタブ/ダイアログにあることです（基本的に、それらは複数回使用されています）。使用されているすべての場所で、出力された同じselect/optionsのhtmlをコピー/貼り付けする方法があるかどうか疑問に思いました。それらを参照する方法はありますか？このように、ロードされたページの長さは5,000行ではありません。うまくいけば、これは理にかなっています。

Answer 1

JavaScriptはノードのクローンを作成し、必要な場所に追加できます。

$(document).ready(function(){
    var my_nav_containers = ["nav1", "nav2", "nav3"];

    for(var i = 0; i < my_nav_containers.lengt; i++) {
        var cloned_nav_menu = $("#seed_nav_menu").clone(true);
        $(cloned_nav_menu).attr("id", (my_nav_containers[i] + "_cloned_menu"));
        $("#". my_nav_containers[i]).append(cloned_nav_menu);
    }
})

Answer 2

ページのファイル拡張子を .php に変更し、include()関数を使用して、メニュー コードのみを含む別のファイルからメニュー コードを取得します。

したがって、基本的には、複製したいすべてのドロップダウン メニュー コードを取得し、メイン ファイルから削除して、独自のファイルに配置します ( dropdown.php. 次に、メイン ページ コードのどこにでもこのコードを挿入したい場所に追加するだけで、<?php include('dropdown.php'); ?>準備完了です。