解決させたいことは、以下のコードでメインのスライダーinfiniteslider-list内の任意のimgのN番目の要素をクリックすると、別要素のN番目の要素.item-slider-detail内の同一数字に対してクラス付与させたいのですが、紐づけるルールとして、任意のクラス-1、任意のクラス-2などにし、数字が同じの時に、.activeなどのクラスを付与したいです。
以下のJSでクリックした要素は、確認出来ております。
ご教授いただければ幸いです。
$j('.infiniteslider li').click(function(e) { alert(e.target.className); }); <ul class="infiniteslider-list"> <li><img src="./img/slide/item_slide3.png" alt="" width="127" height="625" class="infinites-item1"></li> <li><img src="./img/slide/item_slide4.png" alt="" width="128" height="625" class="infinites-item2"></li> </ul> <div class="item-slider-detail"> <div id="detail-item1" class="item-slider-detail-layer">アイテム説明1</div> <div id="detail-item2" class="item-slider-detail-layer">アイテム説明2</div> </div>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/01/13 05:21
退会済みユーザー
2018/01/13 05:31
2018/01/13 05:37 編集
2018/01/13 07:09 編集
退会済みユーザー
2018/07/23 04:32
2018/07/24 06:14