ここから本文です

javascriptのaddClassで指定したセレクタを元にclassを追加することができますが、...

tsu********さん

2014/9/2312:29:30

javascriptのaddClassで指定したセレクタを元にclassを追加することができますが、
指定した要素の親要素を創る方法はありませんか?

【従来】
<img src="" alt="">

【理想】
<div class="shadow">
<img src="" alt="">
</div>

※ただし、メインコンテンツ内のimgに限る。


毎回手動で<div class="shadow"></div>付ける手間を省きたいのです。
WordPressですが現状は<div class="shadow"></div>をAddQuicktagに登録ますがそれでも数が多いと手間なのです。

閲覧数:
108
回答数:
1

違反報告

ベストアンサーに選ばれた回答

ber********さん

2014/9/2314:24:14

jQueryを導入してしまう、という手抜き技があります。

なんとなく、CSSセレクタについては既にご存知で、アクションを組み込みたい要素セットの取得もできている印象を受けました。

jQueryのouterHTMLを使えば「要素の全体(外側含む)」のHTMLを取得&設定できたはずです。jQueryなのでjavascriptです。生のjavascriptを使う場合と異なり、ブラウザごとの特徴を意識する必要がないのがメリットです。jQueryには指定したCSSセレクタに合致する要素セットを取得する機能がありますので、jQueryを使えばいけそうな気がします。

http://jquery.nj-clucker.com/basic/innerhtml_edit_get_add_del/

ただ、動的に要素の階層を変えるとcssやhtmlソースから最終的な表示を読み取るのが難しくなるので、cssセレクタとアクション用の追加classだけで乗り切れるなら、乗り切るにこしたことはないと思います。

http://weboook.blog22.fc2.com/blog-entry-268.html

頑張ってください(^^;

この回答は投票によってベストアンサーに選ばれました!

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる