jquery-selectors - 高さに基づいてdivを選択するためにjQueryを使用できますか? それともチュートリアルが間違っていますか？

Question

このチュートリアルjQuery Selectiondivに示すように、高さに基づいて を選択しようとしています。私はそれを動作させることができません: jsbin example。機能していない行は次のとおりです。

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

Answer 1

これは属性 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()関数を参照してください。