Q&A
実際にクラスを追加している、JavaScriptのコードがないようです。
非常に初歩的な内容ですみません。
今、CMSで吐き出されているコードに対して、classをjQueryで追加しようとしております。
途中の階層まではclassが追加されるのですが、ある階層以下だとclassが追加できず、困っております。
以下のコードで、「クラス6」まではaddClassでクラス追加できるのですが、
なぜか「クラス7」以下の階層全てに、クラスを追加できません。
原因として考えられることと、それに対する具体的な対応が分かる方がいらっしゃいましたら、初心者の私にご教授ください。
###該当のソースコード
<!DOCTYPE html> <html> <head> <script src="../js/jquery-3.1.1.min.js"></script> <script> $(document).ready(function() { $('.class7').addClass('test') }); </script> </head> <body> <div class="class1"> <div class="class2"> <div class="class3"> <div class="class4"> <div class="class5"> <div class="class6"> <div class="class7"> （コンテンツエリア） </div> </div> </div> </div> </div> </div> </div> </body> </html>
すみません。追加しました。
質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
初めてこちらを利用するため、いろいろと申し訳ありません。
[「クラス7」以下の階層全て]とはどういう意味でしょうか。ソースコード内のaddClass()では "class7"のdivにクラスが追加されると思いますが、１つの処理で"class7"配下の全ての要素にクラスを追加したいということでしょうか。
書き方が悪くてすみません。全ての要素に追加ではなく、「クラス7」以下にある他の要素（pやul等）に対してもクラスが追加できない状態です。
回答1件
0
ベストアンサー
動くサンプル：https://jsfiddle.net/jr0mq7je/
書かれているコードで問題が再現しません。他の問題なのでは。
投稿2017/01/06 13:56
総合スコア69645
わざわざサンプルのURLありがとうございます。
自分としてもこのコードでは、再現できないだろうな・・・と思いつつ、何か他に原因として考えられることがあればと思い、ここに投稿させていただきました。
他に読み込まれているjsやcssとのバッティングで、追加できないということはありますでしょうか？
コードを見ずに原因はわかりません。
そうですよね。同じような状況になった方がもしいらっしゃれば、と思って投稿させていただきました。お忙しいところ、お答えいただきありがとうございます。
あなたの回答
tips
プレビュー
