- ベストアンサー
JQuery深い階層を指定するセレクタ
$('#id1 .class1 .class2')の様な感じでid1の中にあるclass1の中のclass2のように指定することは可能でしょう? 例えば、以下の様な入れ子の階層になっていた時です。 <div id='id1'> <div> <div class='class1'> <div class='class2'>ここです</div> </div> </div> </div>
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- askaaska
- ベストアンサー率35% (1455/4149)
関連するQ&A
- 特に指定する値がない場合のcssについて
現在作成しているホームページで、以下のようなソースを書きました <div id="wrapper"> <div class="box1 clearfix"> <div class="right1">floatで右寄せ</div> <div class="left1">floatで左寄せ</div> </div> <div class="box2 clearfix"> <div class="right2">floatで右寄せ</div> <div class="left2">floatで左寄せ</div> </div> </div> 初めは特にdivを入れ子にする必要はないと思っていたのですが clearfixの指定をかけるには必要だったので、<div class="box">で囲むことにしました。 ですが、box1やbox2に、特に指定する値がなくて悩んでいます。 特に指定することがない場合にはcssには何も書かなくてよいものなのでしょうか? 今は取り敢えず何か指定してないと落ち着かない気がして width指定だけ書いているのですが、幅はwrapperで指定していますし特に必要ない気もします。 このような場合には何も指定をしないか、取り敢えずwidthだけでも指定しておくかどちらの方が良いのでしょうか? よろしくお願いします。
- ベストアンサー
- HTML
- jQuery 階層セレクタとフォームセレクタの混在
いつもお世話になります。 jQueryで、階層セレクタにフォームセレクタを使用すると、一部思うように動作しないセレクタがあります。動作しないのは、例えば以下のセレクタです。 HTML ------ <div id="div1"></div> <input type="hidden" name="hdn0" value="h1" /> <input type="hidden" name="hdn1" value="h2" /> ----- jQuery ----- $(function() { var obj = $("#div1"); alert($("~ input:hidden[name='hdn0']", obj).val()); alert($("~ input:hidden[name='hdn1']", obj).val()); }); ----- 上記のセレクタは、階層セレクタで 「prev ~ siblings」 のsiblingsを、フォームセレクタの:hiddenを指定しているのですが、この:hiddenが効いてないみたいなのです。 (:hiddenを外せばとれます) 自分なりに調べてみて、siblingsにはセレクタを指定することができると思っています。 しかしこの認識は間違っているのでしょうか。 宜しくお願いします。 jQuery:1.7.2 (https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.jsを使用)
- ベストアンサー
- JavaScript
- JQueryのセレクタ
jqueryでセレクタの取得をしたいのですがうまくいきません div要素の中のspan要素を取得したいのですがclassで取得すると重いのでid属性で場所を限定してからclass属性で絞り込みたいです こんな感じにしたらだめでした $("#hoge.foo").html('ほげ'); html <div id=hoge> <span class=foo></span> </div>
- ベストアンサー
- JavaScript
- 指定したidやclass以外の要素を指定するには
cssで特定のidやclassを持った要素を指定することは常識ですが 指定したidやclass以外の要素を指定する方法はありますか? 例えば#mainというidを持ったdiv要素を除いた全てのdiv要素を指定するなど。 本来は共通のクラスを割り当てるのが正しいやり方だと思いますが、、、
- ベストアンサー
- CSS
- 入れ子になっているhtmlのXPath指定方法
お世話になります。 下記のようにclassが入れ子になっている部分全体を、XPathで指定したいのですが どのように記述すればよいでしょうか? <div class="A"> <div class="B"> <h1> </h1> </div> <div class="C"> <p> </p> </div> </div> XPathについては全く知識がなく調べながらなのですが、なかなか思うようにいきません。 //div[@class="A"]/div[2]/h1/div[3]/p のようにしてみましたが間違っていました。 使用する場所はyahoopipesの XPath fetch pageのモジュールです。 宜しくお願いします。
- 締切済み
- XML
- CSSの書き方について
全体を<div class="a">で囲み、その中に、以下のような配置で、<div class="b">,<div class="c">,<div class="d">を、入れ子にしたいと思っています。 bとcは、単純に位置を指定すれば、思うような配置になったのですが、dについては、位置を指定しても、cの下に配置されてしまいます。 dがb、cの横に配置されるようにするには、どのような設定をしたらよいのでしょうか? CSSを使い始めたばかりの素人で、くだらない質問かもしれませんが、何卒よろしくお願いします。 +----a ----+ |○○○○○○□□□|○:b |○○○○○○□□□|●:c |○○○○○○□□□|□:d |●●●●●●□□□| |●●●●●●□□□| |●●●●●●□□□| +---------+
- ベストアンサー
- CSS
- スタイルシートで、id属性の中にclass指定をすることはできますか?
CSSで、id属性の中にclass指定をすることはできますか? 現状は、divタグを使って、ヘッダー、メイン、フッターと分けているのですが、メインのところで #main.hoge{ #main .hoge{ とも動きませんでした。なんとなく間違っている指定なのかなとはおもうのですが、id属性で細かく分けた中をclassで指定したい場合、単に.hogeで十分機能するのですが、id属性の中をclassで指定したい場合、皆様はどのようにされてみえるのでしょうか。
- ベストアンサー
- HTML
- 指定した スタイルの class のみ処理をする
Javascript で 指定した class のみの値を変更することは可能でしょうか? id だと一つ一つ振らなければならないですが、 class なら複数にふれますよね。 複数にclassを指定して一括処理をしたいんです。 <div class="hoge">aaaa</div> <div class="hoge">bbb</div> みたいなものがあって document.getElementById("hoge").style.display = "none"; のように、 class=hoge のみ一気に非表示にしたいんです。 説明が下手ですみませんがよろしくお願いします。
- 締切済み
- JavaScript
- class指定したHTML要素の背景色を変えるには
HTML文書中で,class指定した要素の背景色を変更するには,どのようにしたら良いのでしょうか。 例: <div id="HOGE"> <p class="hoge"> Hellow! </p> </div> id指定の要素に対しては, document.getElementById('HOGE').style.backgroundColor="red"; として成功しましたが,class="hoge"に対してはどのように指定すれば良いのかわかりません。 よろしくお願いします。
- ベストアンサー
- JavaScript
お礼
ご回答ありがとうございます。 $('#id1 .class1 .class2')[0].innerHTML とかをやってundefinedになってました。text()やhtml()があるのを知りませんでした。val()を使うのとvalueを使うことの違いもしっかりと把握してないので、JQueryについて勉強します