jQuery获取td宽度
我想学习jQuery“td width”,例如:jQuery获取td宽度,jquery,width,html-table,Jquery,Width,Html Table,我想学习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>
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>
数
命令
1.
汽车
jQuery width是一个方法,您需要调用该方法:
if(td.width() === 100) {
alert("td width = 100");
}
当然,td必须是jQuery对象。注意,它将获取jQuery对象集合中的第一个元素并获取其宽度。如果有许多元素,则需要使用.each()循环该集合中的每个元素。此处:
if($('table td').width() == 100) {
alert('width == ' + $('table td').width());
}
如果您希望更好地理解jQuery,我建议您阅读一下 在您当前的示例中,它应该如下所示:
if($('td').width() === 100) {
alert("td width = 100");
}
请注意,如果您的页面中有多个td
元素,则会出现问题,因此我建议您考虑使用更具体的查询选择器
$('td').each(function(){
if($(this).width() == 100){
alert(this.textContent + " width = 100");
}
});
这将检查您的所有tds,然后警告td的文本内容和“宽度=100”。如果宽度为100,这里有一个简单的扩展,css可以被编辑以减少干扰
var tdWidthLimit = 100;
$('td').each(function() {
tdWidth = $(this).width();
if (tdWidth >= tdWidthLimit)
{
alert('hightlighted td width is ' + tdWidth);
$(this).css({'background-color' : '#f00'});
}
});
工作演示