jQueryで指定した可変(レスポンシブ)要素のposition / width / heightを取得する方法
2024/02/20
jQueryで指定した要素のposition(leftやtop) / width / heightを取得したかった。また指定する要素はレスポンシブ対応されていたので、ウィンドウ幅によって各値は変わってくる。とりあえず別要素クリック時に、指定要素の各値を取得する方法をメモ。
ソース
#html <div id="check">調べたい要素</div> <div id="answer"></div> #jQuery $(function(){ $('#check').click(function(){ var offset = $(this).offset(); var check = $(this); var answer = '\ left:' + offset.left + '<br>top:' + offset.top + '<br>width:' + check.width() + '<br>height' + check.height() ; $('#answer').html(answer); }); });
関連記事
imgタグとPHPでグラフ作成
プラグインやライブラリを使わずにグラフを作る 機会があったのでメモ。 ■サンプル ...
jQueryで偶数or奇数行にclassを付与
やりたかった事は、 ・PHPは使えなくてjavascriptかjQueryを使用 ...
SortableJSを使ってデータの並べ替え&保存
あるシステムを拝見した際にtableタグ内に並んでいる項目をドラッグ&ド ...
さくらのレンタルサーバでCookieが正常に保存できない場合の対応方法
さくらインターネットのレンタルサーバでjquery.cookie.jsを用いてC ...
tableのフィルター機能
jQueryのプラグインで簡単にフィルター機能が つけられたのでメモ。 ■必要な ...