###目的
次のHTMLで
➀ .close
をクリックしたら
➁ その先祖の.color
からdata属性
を取得して
➂ その子孫の.target_➁
を削除する
という操作を考えています。
html
1<section> 2 3 <div class="color" data-color="red"> 4 <span class="close">close1</span> 5 <p class="target_red">target1</p> 6 </div> 7 8 <div class="color" data-color="blue"> 9 <span class="close">close2</span> 10 <p class="target_blue">target2</p> 11 </div> 12 13</section>
###当該のコード
たとえば次のように書けば似たようなことができるのですが、
javascript
1function Close(target){ 2 $(target).find('p').fadeOut(); 3} 4 5$('.close').on('click', function(){ 6 Close( $(this).closest('div') ); 7});
しかし
find('p')
ではなくて、
find('.target_red')
やfind('.target_blue')
としたい
わけです。
イメージとしては次のような感じなのですが、これでは出来ませんで…
javascript
1function Close(target, color){ 2 $(target).find('.target_'+color).fadeOut(); 3} 4 5$('.close').on('click', function(){ 6 Close( $(this).closest('div') ); 7 Close( $(this).closest('div').attr('data-color') ); 8});
以上のようなケースではどのように対処すべきでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。