Question

我正在尝试根据其高度选择div，如本教程所示， jQuery Selection。我无法让它发挥作用：jsbin example。不起作用的行是：

   $('div[height=50px]').css('background-color', 'orange');

Answer 1

这是一个attribute equals选择器，因此匹配的HTML是：

<div height="50px"></div>

您可以将其更改为：

$('div[style="height:50px"]').css('background-color', 'orange');

根据评论，上述内容在Internet Explorer中不起作用。请尝试以下方法：

$('div').filter(function() {
    return $(this).css('height') == '50px';
}).css('background-color', 'orange');

如果要匹配未使用属性指定的高度为50px的其他元素，请查看.filter()函数。

Answer 2

如果你的HTML是......

<div style="height:50px;"></div>

然后你的选择器应该......

$('div[style*="height:50px"]');

如果您将高度设置为“50px”和“50px”（普通）的值，则需要相应调整...

$('div[style*="height:50px"], div[style*="height: 50px"]');

如果更改此元素的CSS，则div的样式属性可能变为：“height：50px; background-color：orange”，并且此选择器将停止拾取它。