jQuery 获取 td 宽度

Question

我想学习jQuery“td width”，例如:

if(td.width=="100"){
    alert("td width = 100");
}

请解释一下。

<table width="200" border="1">
    <tr>
        <td width="100">Number</td>
        <td width="50">Order</td>
    </tr>
    <tr>
        <td width="100">1</td>
        <td width="50">Car</td>
    </tr>
</table>

Answer 1

这是一个简单的扩展，可以编辑 css 以执行更少侵入性的操作。

var tdWidthLimit = 100;

$('td').each(function() {
    tdWidth = $(this).width();
    if (tdWidth >= tdWidthLimit)
    {    
        alert('hightlighted td width is ' + tdWidth);
        $(this).css({'background-color' : '#f00'});
    }
});

工作演示here ​