覚えたことを忘れないためにメモしておく場所

【送料無料】 215/55R17 [特選輸入サマータイヤ] PREMIUM RS10 ティアナ/ジューク【夏タイヤSET♪ 普通車用】の特別セール

偶数・奇数を表すoddとevenの簡単な覚え方

この記事は公開から 2069日くらい過ぎています BMW1シリーズ-E87[UF16/UE16/UF18][04/09~11/09]ご注文前下記詳細要確認リア左右(bremboブレンボプレーンローター)代引注文不可。年で言ったら5.67年くらいです。
流石に情報が古くなってる可能性もあるので参考程度に御覧ください。

こんばんは。@nyagihimeです。

リストなんかのスタイルを書くときに1行おき(1要素おき)に色を変えたりしたい場合、

oddとかevenを使いますが、どっちがどっちなのか毎回わからなくなります。

それを簡単に覚える方法というのを教えてもらいましたので,もうちょっと自分が覚えやすいようにアレンジしたものをメモっておきます。

【送料無料】 215/55R17 [特選輸入サマータイヤ] PREMIUM RS10 ティアナ/ジューク【夏タイヤSET♪ 普通車用】通販店舗

やり方は簡単で、純粋に文字数を数えればOK [Projectμ] プロジェクトμ ブレーキパッド NS-C フロント用 プリウスPHV ZVW52 17/2~ 1.8L 本州は送料無料 北海道は送料500円(税別) 沖縄・離島は送料1000円(税別)。

  • oddは3文字、3は2で割り切れないので「奇数」
  • evenは4文字、4は2で割り切れるので「偶数」

これだけです。

ついでにいうと、

「きすう」も3文字、「ぐうすう」も4文字なので、そもそも偶数と奇数でどっちがどっちかわからなくなった場合もやっぱり文字数を数えればOKですね。

リスト以外でも「.odd」「.even」みたいなクラスを使えばテーブルやDIVも交互に色を替えたりできるので便利です。

yuga.jsというライブラリをつけるとさまざまな要素に自動的にこのクラスを付けてくれるので楽みたいですよ。

自分で使う機会はまだありませんが,たまに引き継いだ案件なんかで入ってるのを見かけたりします。

おまけ

yuga.jsはいろんな機能がありますが,ただでも、evenとoddの判定だけなら、自力で頑張れないかな?と思って少し考えてみました ホンダ純正 春夏モデル メッシュ・デニムスタイルパンツ ネイビー BLサイズ 0SYEX-X23-V HD店。

特に気になるところは無いと思いますが、こんなかんじです。

1
2
3
4
5
6
7
$('.EO,.EO tbody').children().each(function(i){
    if(i % 2 == 0) {
        $(this).addClass('even');
    } else {
        $(this).addClass('odd');
    }
});

「%」は%を挟む左の値を右の値で割った余りを求める演算子です。

foo = 3 % 2なら余り1なので fooは1、 4%2なら余りは0ですので foo は0となりますので、この結果を利用すれば偶数と奇数の判定に使えますね。

判定したい要素の親に起動用クラス(今回は.EOにしました)をつけておけばこのクラスの子に対して.evenとか.oddをつけてくれます。

 


追記

…が。このままだと実際につくクラスは even と odd が逆になってしまうので修正する必要があります。詳しくは改めて記事を書きました NGK プレミアムRXプラグ マツダ ミレーニア TA5A/TA5P エンジンKL-ZE用 日本特殊陶業 BKR6ERX-11P 6本セット プレミアムプラグ エヌジーケー スパークプラグ NGKプラグ 点火プラグ。

(ここまで)


 

ただし、tableの時だけちょっと注意が必要で、そのままだと正しく取得することができません。

jQueryのchildrenは指定した要素の直下の子要素のみを取得してくれますが、tableタグの子は実は「tr」ではなく、「tbody」や「thead」といったタグなんですね ディクセル EXTRA Speed ブレーキパッド リア フォルクスワーゲン ゴルフV。省略してもOKなので省略してしまうことが多いですが、その場合ブラウザは自動的に「tbody」を補完してくれます。

ヴァルド UCF30/31 セルシオ 前期 (H12.8~H.15/8) EXECUTIVE LINE D.T.M SPORTS REAR MUFFLER OVAL 120×2 (オールステンレス)

【送料無料】 215/55R17 [特選輸入サマータイヤ] PREMIUM RS10 ティアナ/ジューク【夏タイヤSET♪ 普通車用】 全品は販売

MANARAY SPORT/EuroStream BV25 アルミホイール 4本セット サンバーバン TV1/TV2 【12×4.0B 4-100 INSET42 ブロンザイトレイヤード】;225/60R15 96H FALKEN ファルケン ZIEX ZE912 ジークス ZE912 TRG-SS10 TRG SS10 サマータイヤホイール4本セット;NARDI ステアリング トヨタ スープラ JZA80 5/5~ FET BOSS KIT(FET ボスキット)・NARDI(ナルディ) ステアリングセット ステアリングボス BOSS〔FB535〕/ステアリング〔N130〕

【送料無料】 215/55R17 [特選輸入サマータイヤ] PREMIUM RS10 ティアナ/ジューク【夏タイヤSET♪ 普通車用】;【送料無料】 215/60R17 17インチ BIGWAY ビッグウエイ B-WIN ヴェノーザ10 7J 7.00-17 DUNLOP ダンロップ エナセーブ EC204 サマータイヤ ホイール4本セット【DUsum18】;【送料無料】 215/50R17 17インチ BIGWAY ビッグウエイ TRG SS10 7J 7.00-17 FALKEN ファルケン ジークス ZE914F サマータイヤ ホイール4本セット;Brembo ブレンボ ブレーキパッド1台分セット ブラック NISSAN プリメーラ ワゴン 型式WHNP11 年式97/8~01/01 品番P56 021-56 029;プレリーリバティ PNM12(4WD) (TB) KBマフラーシリーズ KB-SNIPER(ケービー・スナイパー) 【オールステン/片出し】 K-BREAK/ケイブレイク

[1314727] DIXCEL FP ブレーキローター フロント用 アウディ A4 ALL ROAD QUATTRO 8KCDNA 11/08~13/09 2.0 TFSI 2012/2013 MODEL, HONDA ホンダ VEZEL ヴェゼル ホンダ純正 スポーツペダル(アルミ製) 【 2015.10~次モデル】, 18インチ サマータイヤ セット【適応車種:ステップワゴン(RP系)】WEDS レオニス FY BMCミラーカット 7.0Jx18VEURO VE303 225/45R18, Project μ プロジェクトミュー ブレーキパッド RACING999 リア リベロ CD8W, ★送料無料★(一部離島等除く) 【エスペリア】DAIHATSU エッセ ESSE L235S L245S スーパーダウンサス L235S KF-VE H17/12~H23/9 2WD NA / D / L / X / Xスペシャル / エコ スーパーダウンサスラバー リア 輸入車用 タイヤ銘柄: トーヨー OBSERVE GSi-5 タイヤサイズ: 235/55R17 ホイール: オススメアルミホィール スタッドレスタイヤ&ホイール4本セット【17インチ】【店頭受取対応商品】

そのため、tableタグに対してchildren()を使ってもtrタグは取れないのですね。

なので、tableの場合は、「$(‘.EO’).children()」ではなく、「$(‘.EO tbody’).children()」とすれば tr を選択出来ます。

自分はここでしばらく嵌りました。

まぁ,でもなんというか,既に誰かが作業を楽にするための便利なライブラリを作ってくれているならば,それをありがたく使わせてもらうのが一番いい気はしますねw

では,おやすみなさい。

Share this:

{yahoojp}jpprem01-zenjp40-wl-zd-60131