Расширенный выбор jQuery - PullRequest
Новая
       16

Расширенный выбор jQuery

0 голосов
/ 17 мая 2009

Можно ли использовать операторы сравнения в методе выбора jQuery?
например.
У меня есть список div, сгенерированных php, которые используют один и тот же класс CSS, но имеют значения атрибутов 1, 2, 3 и т. Д. У меня также есть поле ввода текста с идентификатором. Это поле может принимать только цифры. Я хотел бы выбрать div (из длинного списка), у которого есть атрибут value, соответствующий значению, введенному в поле ввода текста.
Могу ли я написать что-то вроде этого:
$ ('$ (". someClass"). val () == $ ("input # someId"). val ()')

???

Ответы [ 3 ]

7 голосов
/ 17 мая 2009 
$('.someClass').filter(function() {
    return $(this).attr('value') == $('input#someId').val() ;
 })
6 голосов
/ 17 мая 2009

Взгляните на страницу селекторов CSS3: http://www.w3.org/TR/css3-selectors/.

Рекомендуемый селектор: E [foo = "bar"], как в '.class [value = "' + $ ('# inputId'). Val () + '"]'.

Примечание: не тестировалось.

2 голосов
/ 17 мая 2009

это просто стандартный селектор 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...