jQueryで特定の要素が何番目にあるのかを取得する：index()
どの場合もマッチした要素のインデックス番号を返しますが、もしマッチする要素がなければ -1 を返します。また、インデックス番号は 0 から始まるので注意してください。 以下では、それぞれのパターンについてひとつずつ説明していきます。 引数に jQuery オブジェクトを指定した場合 この場合は、マッチする要素の中から引数に指定されている jQuery オブジェクトが何番目にあるかを返します。 以下はクリックしたリストの番号を表示するサンプルです。 HTML <ul> <li class="sample">1: Click Me!</li> <li class="sample">2: Click Me!</li> <li class="sample">3: Click Me!</li> <li class="sample">4: Click Me!</li> <li class="sampl
要素の個数に応じてスタイルを出し分けるCSSメモ - Qiita
JSを使わずにCSSだけで、 「要素の個数に応じてスタイルを出し分ける」やり方の紹介です。 前にどこかのサイトで紹介されてたのですがブックマークなかったのでメモです。 Demo "個数に応じたスタイルの出し分け" http://codepen.io/skwbr/pen/JKbNMP 説明 個数に応じてスタイルを変える場合、下記を組み合わせて使います。 :nth-last-child 擬似クラス … 最後から数えて何番目か 間接セレクタ ~ … それ以降の後続する弟要素(同階層) <ul> <li class="item"></li> <li class="item"></li> <li class="item"></li> : </ul>
【jQuery】 $(this)の親要素、子要素、隣接要素を指定する – マーカーネット株式会社
jQueryでイベントが発生した要素を指定する$(this)。 jQueryを初めて使った頃は$(this)ってなんだ!? なんで普通に<li>なら$(“li”)じゃだめなの～!? なんて思いましたが大きな違いですよね。 そして次につまづいたのが、$(this)の親要素、子要素、隣接要素やらは一体どうやって指定するのだろ～～～でした。 <div> <ul> <li class=”menu01″><span class=”sp01″>メニュー01</span></li> <li class=”menu02″><span class=”sp02″>メニュー02</span></li> <li class=”menu03″><span class=”sp03″>メニュー03</span></li> </ul> </div>
jQueryのnext()やprev()などで兄弟要素を取得
ボタンをクリックしたらその横の要素だけ色を変えたり、ズラリと並ぶタブのうち、クリックした兄弟の要素だけ表示させたりなど$(this)と併用して使うことが多いですね。 次の要素だけでなく、前の要素や、次以降の特定の要素、自要素以外の兄弟要素など、用途によっていくつかメソッドが用意されていますので、それらを見ていきましょう。
jQueryで子要素を取得する方法：children(), find()
今回は、jQueryで子要素を取得する方法を３つに分けて説明します。 直下の子要素を取得する.children() 要素内の全ての子要素を取得します。children('セレクタ')のように、セレクタを引数に渡すことで子要素を絞り込むこともできます。 （例１）#parentの子要素の中から、imgタグのみ取得する HTML <div id="parent"> <p>テキスト1</p> <p>テキスト2</p> <p>テキスト3</p> <img src="sample.png" /></div>
CSSだけでアスペクト比を固定するテク - Qiita
Javascriptを使わず、CSSだけでimgやdivやiframeのアスペクト比を固定したままコンテナに合わせてリサイズする方法です。 レスポンシブなデザインの場合は端末の画面サイズに合わせて要素の幅を変える必要があるので、こういうテクニックを使ってアスペクト比を固定してやります。 imgの場合 HTML
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryで兄弟要素を取得する方法：siblings(), next(), prev()
jQueryで親要素を取得する：parent(), parents(), closest()
