私のWebページには、変数にコピーするクラス「editor」のDIVがあります。
editorTemplate = $('.editor');
DIVは次のようになります(簡略化):
<div class="editor">
<div>
Title: <span class="title" id="title"> the title goes here </span><br />
<select class="recording_list" id="recording_list">
<option value="1">Pos 1</option>
<option value="2">Pos 2</option>
...
</select>
</div> <!-- class=editor -->
後で、そのdivからシリーズを作成して、ページに追加します。
$(editArea).append(editorTemplate);
ここまでは順調ですね。
ただし、エディターテンプレートをページに貼り付ける前に、フィールドのID、テキスト、オプションボックスの選択された要素など、いくつかの属性を変更したいと思います。
編集テンプレートのIDは次のように変更できます
$(myEdit).attr("id", "edit" + nEditors);
しかし、テンプレートのINNER要素(IDや「タイトル」フィールドのテキストなど)にアクセスする方法がわかりません。
テンプレートがページに貼り付けられた後、私は言うことができます
$('#title').attr("id", "title" + nEditors);
$('#title').html("the new text");
...
テンプレートをページに貼り付ける前に、これらの変更を加えることはできますか?