javascript - jqueryでオブジェクトを値で取得できない理由

Question

X値とsmallクラスを含むすべての入力に赤色を設定しようとしています。

しかし、このコードは機能しません。

$('.small[value="X"]').css('border','1px solid #F00');

html

    <input type="text" value="<?php echo trim($order['dns1']); ?>" class="wd-150 en small"  /><br />
    <input type="text" value="<?php echo trim($order['dns1']); ?>" class="wd-150 en small"  /><br />
    <input type="text" value="<?php echo trim($order['dns1']); ?>" class="wd-150 en small"  /><br />

ヒントはありますか？

Answer 1

属性セレクターを使用して、入力フィールドのプロパティである実際の値ではなく、作成時に入力が与えられた値である属性[...]を調べています。 value

フィルターにフォールバックする必要があります。

$('.small')
    .filter(function() { return this.value == 'X'; })
    .css('border', '1px solid #F00');