jQuery高级选择器_Jquery_Dom_Jquery Selectors

jQuery高级选择器

jquery dom

jQuery高级选择器,jquery,dom,jquery-selectors,Jquery,Dom,Jquery Selectors,我可以在jQuery选择器方法中使用比较语句吗？如。我有一个php生成的div列表，所有div都使用相同的CSS类，但具有值属性1、2、3等。我还有一个id为的文本输入字段。该字段只能接受数字。我想从长列表中选择div，它有一个value属性，该属性与输入文本框中的值相匹配。我可以这样写吗： $'$.someClass.val==$inputsomeId.val' ？？查看CSS3选择器页面：推荐的选择器：E[foo=bar]，如“.class[value='+$”inputId.val

我可以在jQuery选择器方法中使用比较语句吗？如。我有一个php生成的div列表，所有div都使用相同的CSS类，但具有值属性1、2、3等。我还有一个id为的文本输入字段。该字段只能接受数字。我想从长列表中选择div，它有一个value属性，该属性与输入文本框中的值相匹配。我可以这样写吗： $'$.someClass.val==$inputsomeId.val'

？？

查看CSS3选择器页面：

推荐的选择器：E[foo=bar]，如“.class[value='+$”inputId.val+']”中所示

注意：未测试。

它只是一个标准的jquery选择器：

一个DIV怎么可能有值属性？任何元素都可以有任何属性。尽管HTML验证不会是积极的

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

<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>