我有一张桌子。有些单元格有很多文本,有些单元格只有一个字符。
我想更改高度大于或等于 200px 的所有单元格的宽度。
让我们从选择单元格开始:
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");
});
<table>
<tr>
<td class="cell">
...
</td>
</tr>
</table>
jQuery
$('.cell').each(function() {
if($(this).height()>=200)
$(this).width(...);
});