特定のクラスを持つすべての div にボタンを追加しようとしていますが、これまでのコードは次のとおりです。
HTML:
<div id="865" class="gw-gopf-isotope-item">
<div class="gw-gopf-post-overlay-inner">
// button goes here
</div>
</div>
jQuery:
$( ".gw-gopf-isotope-item" ).each(function() {
var gallid = $(this).attr('id');
$('.gw-gopf-post-overlay-inner').append('<a class=\"gw-gopf-btn gw-gopf-post-overlay-btn thickbox\" href=\"#TB_inline?width=600&height=550&inlineId=gallery-\"+gallid+\"\">View Photos</a>');
});
仕組みは次のとおりです。
- ユーザーが管理者でギャラリーを作成する
- これらはフロントエンドに表示されます
- 私が書いた別のスクリプトは、各ギャラリーに固有のコンテンツの厚いボックスを作成します
- ボタンはそのユニークなシックボックスにリンクすることを意図しています
追加コードは正常に機能しますが、リンクごとに一意の ID が生成されないため、なぜ各関数を使用する必要があると思いますか?
コードを直接追加するために変更できないビルド済みのシステムを修正しているため、jQueryでこれを行う必要があります。
どんな助けでも本当に感謝しています