jQueryで動的に作った文字列の幅を取得してみる | SRIA BLOG – 宮城県仙台市のWEBシステム開発・スマホアプリ開発
こんにちは！先日健康診断で脂肪肝と診断された橋浦です！ 先日Web案件で、文字列の幅を取得してwidthに設定したい場面がありました。 しかし、その文字列はjQueryで動的に生成していたため単純なwidth();などでは取得できず…。 結局2通り方法を試して、2つ目の方法でやっと上手くいったのでした。 今回は、せっかくなのでその方法を紹介してみたいと思います。 ① 文字数を数えて、数から判断しちゃう プログラミングに関してチンパンジー並の経験と知識しかない僕が浅知恵を絞って最初に思いついた方法です。 幅は取れないけど、consoleで調べたら文字列の内容は取得できている模様。 なら、文字数を取得して、その数を幅にしちゃえばいいじゃないッ！！！！！ ということで書いたソースがこちら。 DEMO
jQueryでparseInt()を使ってCSSプロパティの値を取得する｜BLACKFLAG
以前ここで「jQueryでCSSプロパティの値を取得する方法」と題して jQueryでCSSプロパティの値を取得する方法を紹介しましたが、 「parseInt()」を使って同様にCSSプロパティ値を取得する方法も 結構必要になったりすることがあるので、メモ書きとして紹介してみます。 前回のサンプルと同じ内容でのサンプルで動作させてみると。。。 ＜div id=”box”＞とID名が付けられたボックス要素に CSSで幅「width」と高さ「height」を指定。 変数「boxWidth」「boxHeight」にそれぞれ値を入れた後、 アラートで値を表示するサンプルの場合。 ◆HTML <div id="box"></div><!--/#box--> ◆CSS #box { width: 300px; height: 100px; } ◆SCRIPT <script type="text/ja
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
