Question

I am trying to select a div based on its height, as shown in this tutorial,
jQuery Selection. I cannot get it to work: jsbin example . The line not working is:

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

Answer 1

That’s an attribute equals selector, so the HTML it would match is:

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

You could change it to:

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

According to comments, the above doesn’t work in Internet Explorer. Try the following instead:

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

If you want to match other elements with a height of 50px not specified using an attribute, take a look at the .filter() function.