jquery - jQuery セレクター: 特定の高さの要素を選択する

Question

私はテーブルを持っています。テキストがたくさんあるセルもあれば、文字が 1 つしかないセルもあります。

高さが 200px 以上のすべてのセルの幅を変更したい。

Answer 1

セルを選択することから始めましょう。

var $tds = $("td");
// better with a context 
// var context = "#mytable";
// var $tds = $("td", context);

$.fn.filterは、一致した要素のセットを、セレクターに一致するもの、または関数のテストに合格したものに減らします。

function isHighterThan ($el, threshold) {
  return $el.height() >= threshold;
}

var $bigTds = $tds.filter(function () {
  return isHighterThan($(this), 200);
});

最後に、一致する要素に新しいスタイルを適用します。

$bigTds.each(function () {
  $(this).css("width", "400px");
});

Answer 2

<table>
  <tr>
    <td class="cell">
       ...
    </td>
  </tr>
</table>

jQuery

$('.cell').each(function() {
   if($(this).height()>=200)
      $(this).width(...);
});