お世話になってます。
jQueryを使用して、ボタンを押す度に同じ<div>タグを動的に生成しているのですが、そのdivにidを振って
最後に追加された、<div>タブの後に追加するようにしたいと考えております。
そこで、以下の様に実装したのですが、上記のような動作はできませんでした。
原因としては、afterのidの指定の仕方が原因だと考えております。
jQueryで、idを動的に指定することは可能でしょうか?
◆現在の実装方法
jQuery
1 jQuery('#add').click(function () { 2 //初期表示時点で<div id="testWrap">は、表示されているため、 3 //次のidは[2]からカウントしております。 4 var count = 2; 5 //時間プランオプションの追加 6 jQuery('div#testWrap' + count).after('<div id="testWrap' + count + '"></div>'); 7 i++; 8});
試しに、idの指定方法を試したところ、<div>タグを生成することは可能でしたが、
jQuery
1 jQuery('#add').click(function () { 2 //初期表示時点で<div id="testWrap">は、表示されているため、 3 //次のidは[2]からカウントしております。 4 var count = 2; 5 //時間プランオプションの追加 6 jQuery('div#testWrap1').after('<div id="testWrap' + count + '"></div>'); 7 i++; 8});
当然ながら、<div id="testWrap1">の下に、最後に追加した<div>タグが表示されてしまいます。
また、afterで追加しているHTMLについては、idの番号も正常に振られているので問題ないと思われます。
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/11/14 14:58
2016/11/14 15:09