要素の高さに基づいてJQueryクラスを追加します

Question

私はデータを持つアプリケーション内にテーブルを持っています。テーブル内のthead要素は、ログインしているユーザーとアプリケーションを使用することによって可変な高さを持っています。だから、時にはthead要素の高さが狭く、時にはそれよりずっと大きくなります。可能な2つの高さしかないことに注意してください。

私は何とかTHEAD要素の高さを測定し、それは次のように出てくるかもしれないので、クラスを追加するためにjqueryのを使用したい：

狭い：

<thead class="narrow"> 

トール：

<thead class="tall"> 

これが可能かどうかわかりません。ありがとう。

Answer 1

それはあなたが以下の

var t = $('thead'); 
t.addClass(t.height() > someValue ? "tall" : "narrow"); 

Answer 2

私は正確に何をしたいのロジック知りませんが、あなたはthead要素要素のうち、jQueryオブジェクトを作成し、それはサイズです取得する.height()と.width()メソッドを使用するようにセレクタを指定することができます。

var t = $("thead"); 
if (t.height() > x) { 
    t.addClass("tall"); 
} else { 
    t.addClass("narrow"); 
} 

高さと幅をお互いに比較したり、絶対数を比較したりするロジックを使用できます。

FYI、tallおよびnarrowは、通常は反対ではありません（これらは多くの場合、同時に両方とも真となることがあります）。私はtallと対shortとを対比し、narrow対wideと考えています。