jQueryでa番目からb番目まで範囲指定セレクタ - Web学び
2013年 2月 5日 a番目からb番目までの範囲を指定したいときに使うjQueryセレクタです。:lt()や:gt()を組み合わせます。CSSには存在しないセレクタですね。 :lt() 指定した数字より前に存在する同じ要素 :gt() 指定した数字より後に存在する同じ要素 (:lt(),:gt()内の数字は0から数えます) 以下、全て(1から数えて)3番目と8番目の間の要素を指定します。 例えばp要素内にあるそれぞれ1,2,3,4,5,6,7,8,9と書いたspan要素のうち4,5,6,7に該当します。 $('p').find('span:lt(7):gt(2)').css('color','red'); $('p').find('span:gt(2):lt(4)').css('color','red'); :not()を使うとこういう冗長な書き方も $('p').find('span:
nthmaster.com - このウェブサイトは販売用です！ - nthmaster リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jQueryでクリックした要素が何番目かを調べる方法
jQueryでクリックした要素が何番目の要素かを調べる方法を紹介します。 このエントリーはビギナーの方向けの内容です。 １．問題点 次のようなHTMLを想定します。 <ul> <li>aaa</li> <li>bbb</li> <li>ccc</li> <li>ddd</li> <li>eee</li> </ul> たとえば、「ccc」のli要素をクリックしたときにli要素の中の3番目の要素であることを知りたいのですが、調べる方法が分かりません。 ２．クリックした要素が何番目かを取得する（その1） クリックした要素が何番目かを取得するには、index()を利用します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> jQuery(function
:nth-*擬似クラスのおさらいメモ
:nth-*擬似クラスの引数の理解がいまいちだったのでおさらい。 構文について。 ここでのINTEGERは[0-9]+である。 nth : S* [ ['-'|'+']? INTEGER? {N} [ S* ['-'|'+'] S* INTEGER ]? | ['-'|'+']? INTEGER | {O}{D}{D} | {E}{V}{E}{N} ] S* ;nは0もしくは正の整数であるので、それを元に考えると分かりやすい。 たとえば:nth-child(n+1)の場合…… 0 + 1 = 1 1 + 1 = 2 2 + 1 = 3 ...となる。 偶数番目の子を指定する場合には:nth-child(even)または:nth-child(2n)となるが、これも同様に 2 * 0 = 0 2 * 1 = 2 2 * 2 = 4 ...となる。 奇数番目:nth-child(odd), :n
3/4 CSSのnth-childで偶数/奇数行などn番目を装飾する方法 [ホームページ作成] All About
CSSのnth-childで偶数/奇数行などn番目を装飾する方法(3ページ目)リストやテーブル(表組み)など多数の項目が連続する要素は、1行おきに装飾を分けると見やすくなります。CSSのnth-child疑似クラスを使えば、偶数行(＝2の倍数番目)だけの装飾、奇数行(＝2の倍数+1番目)だけの装飾などを簡単に指定できます。表なら「n番目の列」のように列単位で色分けするのも簡単です。そのほか、先頭だけ、先頭から5つだけ、3個おき(＝3の倍数)、最後から2番目だけ、最後だけ……など柔軟に指定できて便利です。 前ページでご紹介した倍数での指定のほかに、「先頭から数えて指定個数の要素だけ」に限定して装飾することもできます。その逆に、「先頭から指定個数を除いた残りの要素」だけに限定して装飾することもできます。 例えば、新着記事を10個掲載し、そのうち最新の3件だけを目立たせる装飾などに活用できるでし
![3/4 CSSのnth-childで偶数/奇数行などn番目を装飾する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e5c80524767cb55393e0a6d34b718f50c34e6ef/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F8%2F3%2F7%2F0%2F7%2F201609231530%2Ftopimg_original.png)
【文字列内に含まれる文字列の判断】indexOf メソッド :ブログの為のJavaScript
URL や リンクのテキストを取得しても、その文字列をどうするかを考える前に、 その文字列が「何か」「どうなっているのか」を判断する必要があります。 ですから最初に必要になるのが、「こういう文字列が含まれてるかな?」という 疑問に答える「文字列検索」のメソッドが必要になります。 var strSearch = window.location+""; if ( strSearch.indexOf( "BBS" ) == -1 ) { if (window.attachEvent){ window.attachEvent('onload', setcat); } else { window.addEventListener('load', setcat, false); } } 上の例は、ブラウザに表示されている URL を、window.location でまず取得しています。 window
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
