jQuery获取td宽度答案

【问题标题】：jQuery get td widthjQuery获取td宽度
【发布时间】：2012-10-28 10:22:34
【问题描述】：

我想学习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>

【问题讨论】：

标签： jquery width html-table

【解决方案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

【讨论】：

【解决方案2】：

$('td').each(function(){
      if($(this).width() == 100){
           alert(this.textContent + " width = 100");
      }
});

这将查看您所有的 td，然后提醒 td 的文本内容，如果宽度为 100，则提示“width = 100”

【讨论】：

【解决方案3】：

jQuery width 是一个方法，需要调用该方法：

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

当然，td 必须是一个 jQuery 对象。请注意，它将获取 jQuery 对象集合中的第一个元素并获取其宽度。如果你有很多元素，你需要使用 .each() 来循环该集合中的每个元素。

【讨论】：

【解决方案4】：

这里：

if($('table td').width() == 100) {
    alert('width == ' + $('table td').width());
}

【讨论】：

【解决方案5】：

如果您想更好地了解 jQuery，我建议您阅读 jQuery Fundamentals。

在您当前的示例中，它应该如下所示：

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

请注意，如果您的页面中有多个 td 元素，则会出现问题，因此我建议您考虑更具体的查询选择器。

【讨论】：