jQueryの高度なセレクタ

StackOverflow https://stackoverflow.com/questions/874189

  •  22-08-2019
  •  | 
  •  

質問

私はjQueryのセレクタメソッド内で比較ステートメントを使用することはできますか？
例えば
私はすべてが私もidのテキスト入力フィールドを持つ同じCSSクラスを使用しますが、1、2、3などの値の属性を持つPHPによって生成されたdiv要素のリストを持っています。このフィールドは、数字だけを受け入れることができます。私は、テキスト入力ボックスに入れた値と一致する値属性を持つ（長いリストから）div要素を選択したいと思います。

：私はこのような何かを書くことができます $（ '$（ "工ass "）。valを（）== $（" ＃入力のsomeId"）。valを（）'）

???

役に立ちましたか？

解決 

$('.someClass').filter(function() {
    return $(this).attr('value') == $('input#someId').val() ;
 })

他のヒント

CSS3セレクタのページを見てみましょう： http://www.w3.org / TR / CSS3-セレクタ/ に。

推奨セレクター：E [FOO = "バー"]のように 'の.class [値= " '+ $（' ＃1 inputId '）のval（）+"']'

注：テストされていません。

それだけで、標準のjQueryのセレクタです： attributeEqualsする 

<html>
<head>
    <title>Just a test</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(function() {
        $('#txtValue').change(function(){
            $('.selectMe').css('color', 'black');
            $('.selectMe[value= '+$(this).val()+']').css('color', 'red');
        });     
    });
    </script>
</head>
<body>
    <input type="text" id="txtValue" value=""/>
    <div class="selectMe" value="1">one</div>
    <div class="selectMe" value="2">two</div>
    <div class="selectMe" value="3">three</div>
</body>
</html>
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top