2009-05-17 15 views
0

jQueryセレクタメソッド内で比較文を使用できますか?
など。
私はPHPで生成されたdivのリストを持っていますが、すべて同じCSSクラスを使用しますが、値の属性は1、2、3などです。また、idを持つテキスト入力フィールドもあります。このフィールドは数値のみを受け入れることができます。私は、テキスト入力ボックスに入れられた値と一致する値属性を持つdiv(長いリストから)を選択したいと思います。
私はこのような何か書くことができます( '$( "工ass ")のval()== $(" 入力#1 someId")のval()')
$をjQueryの高度なセレクタ

???

+0

はどのようにDIVは、value属性を持つことができますか? – duckyflip

+0

任意の要素は任意の属性を持つことができます。 HTMLの検証は正当なものではありませんが –

答えて

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

CSS3セレクタページ:http://www.w3.org/TR/css3-selectors/をご覧ください。

推奨セレクタ:[.class [value = "'+ $('#inputId ')。val()+'"] 'のようにE [foo = "bar"]

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

2

それだけで、標準の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>