javascript - メインメニューのすべての「a」タグにクリックイベントを追加

Question

$(document).ready(function () {
            $("#MainMenu a").click(function () {
                $("#divContent").load( ???? );
            });
        });

メインメニューからすべてのリンクを取得し、clickそれらにイベントを添付し、jQuery に#divContentajax 呼び出しを介してコンテンツをロードするように指示したいと考えています。hrefコンテンツの場所はもちろん、各リンクのタグに依存する必要があります。

Answer 1

パフォーマンスも求めていて、オプションのリストが多数ある場合、最良のアプローチは次のとおりです。

$(document).ready(function () {

     $('#MainMenu').on('click', 'a', function (e) {
         e.preventDefault();
         var $a = $(this);
         $("#divContent").load($a.prop('href'));
     });

});