Q&A
ご丁寧にありがとうございます。
jsfiddleも確認できました。
HTML
1<div id="wrapper"> 2 <div class="note pen"> 3 <div> 4</div>
このようなケースの場合
$('#wrapper > div[class="note"]')ではダメで、
$('#wrapper > div[class="note pen"]')で指定しなければ動作しないのですが
動的にclass属性を追加するたびに
$('#wrapper > div[class="note pen eraser"]')
のようにしなくてはならず煩雑です。
このような動的にclassが頻繁に変わる場合、div[class="hoge"]のような指定は不向きで
div:eq(0)など、順番で指定する等が望ましいのでしょうか？
実務上の、アドバイスを頂けば幸いです。
回答3件
0
js
1$('#wrapper > div.note.pen')
【これで完璧！jQueryのセレクタ操作を完全理解するコツまとめ！ | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト】
https://www.sejuku.net/blog/35791#and
投稿2018/02/06 14:18
編集2018/02/06 14:21
総合スコア69583
0
こんにちは。
$('#wrapper > div[class="note"]')
ではなく、
javascript
1$('#wrapper > div.note')
でうまくいきませんか？
参考になれば幸いです。
追記
以下は、$('#wrapper > div.note')を使った例です。
https://jsfiddle.net/jun68ykt/trpoyo0n/1/
右下の Console に、
と表示されることから、.noteクラスの div が４つ、
ちゃんと取れていることが分かると思います。
投稿2018/02/06 14:19
編集2018/02/06 14:50
総合スコア9058
0
ベストアンサー
CSSセレクタを勉強しましょう。
javascript
1＄（'.note'） 2＄（'.pen'） 3＄（'.note.pen'）//クラスの指定順序はどちらが先でも問題ないです
のような指定で、要素が指定可能になります。
投稿2018/02/06 14:19
総合スコア3404
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/06 14:55