4

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

5 回答 5

6

这是一个简单的扩展，可以编辑 css 以减少干扰。

var tdWidthLimit = 100;

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

工作演示在这里​</p>

于 2012-11-08T08:52:27.820 回答
2 
$('td').each(function(){
      if($(this).width() == 100){
           alert(this.textContent + " width = 100");
      }
});

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

于 2012-11-08T08:47:49.767 回答
0

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

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

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

于 2012-11-08T08:42:15.650 回答
0

这里：

if($('table td').width() == 100) {
    alert('width == ' + $('table td').width());
}
于 2012-11-08T08:42:36.290 回答
0

如果你想更好地理解 jQuery ，我建议你阅读一下jQuery Fundamentals 。

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

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

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

于 2012-11-08T08:44:54.960 回答