$(document).ready(function() {
$('a.menuitem').click(function() {
var arr = 0;
var link = $( this ), url = link.attr( "href" );
var newDiv = $( document.createElement( 'div' ) )
$( "#content_pane" ).append( newDiv );
newDiv.load( url );
return false;
});
});
ご覧のとおり、div
を作成し、それにコンテンツを追加しています。作成された各div
に、section1、section2、section3などの一意のIDをどのように指定しますか?
カウンターを使用するだけです。
var section = 1;
$(function() {
$("a.menuitem").click(function() {
...
$("<div></div>").attr("id", "section" + section++).appendTo("#content_pane");
...
return false;
});
});
また、上記のように要素を作成することをお勧めします。
JQuery 1.9 UI以降、一意のid属性を設定する$().uniqueId()
関数があります(idがまだ定義されていない場合)。
http://api.jqueryui.com/uniqueId/
(これには、jQueryの上にjQueryUIが必要であることに注意してください。)
Backbone.jsの人気が高まったので、Backbone.jsを含めると、自動的に nderscore にアクセスできます。 nderscore:uniqueId を使用してください。
またはそれ自体を含めると、それはかなり軽量で、いくつかの素晴らしい機能を備えています
これを行う必要はありません。 IDを変数に格納できる場合は、要素自体を格納することもできます(まあ、要素への参照)変数にも格納できます。