タグ

*javascriptと*jQueryに関するfukukitaru2980のブックマーク (3)

  • 【jQuery】指定の要素数毎に自動で「続きを読む」ボタンを生成 | LIOT BLOG

    使い所がかなり限られるコードですが、たとえば1ページ内に同じ要素をリストで大量に並べるときに、ユーザーに分割して見せたい場合などに使えそうなコードを共有します。 指定した要素の数ごとに少しずつ表示させます。自動で追加される「続きを読む」ボタンを押せば、分割した数ごとに順次表示されるようになります。 DEMO まず詳しい動きについては下記の動作デモページを用意しましたのでご確認ください。jQuery体のバージョンは3.3.1を使用しているので、古いバージョンによっては動かない可能性もあります。 » 動作デモページはこちら 動作デモページではリスト要素を3件ずつ自動で分割するようになっています。このあとご紹介するコードをそれぞれ順番にコピーして、ご自分の環境に合わせて修正してみてください。(またはデモページのソースをそのままコピーしてください。) 設置方法jQuery体の読み込みCDNで配

    【jQuery】指定の要素数毎に自動で「続きを読む」ボタンを生成 | LIOT BLOG
  • Javascriptで数値の先頭のゼロを削除する方法と、数字の先頭にゼロつける方法

    2012-10-07 864 2009 例えば「01」や「02」など、先頭にゼロがついている数値を「1」という数値に直す場合は、Number関数を使用します。 var str = "05"; var num = Number(str); //結果 num == 5 逆に決まった桁数で先頭にゼロをつけなければいけないケース(ゼロパディング)もよく出くわします。その場合は下記の方法がおそらく最短コード。 var num = 5; var str = ('0' + num).slice(-2); //結果 str == '05' slice関数を使うとスマートにゼロパディングができます。先頭にゼロをつけて、右から2桁だけ取得するという動作をしています。 <javascriptゼロパディングのユーザー定義関数> ゼロパディングはそこそこ使うことがあるので、関数化しておくと便利です。 //ゼロパディ

    Javascriptで数値の先頭のゼロを削除する方法と、数字の先頭にゼロつける方法
  • solidstate.jp

  • 1