•  22-08-2019
  •  | 
  •  

Domanda

È possibile utilizzare le dichiarazioni di confronto all'interno di un metodo di selezione jQuery?
ad es.
Ho una lista di div generati da php che utilizzano la stessa classe CSS ma hanno attributi del valore di 1, 2, 3 ecc ho anche un campo di testo con un ID. Questo campo può accettare solo i numeri. Vorrei selezionare il div (dalla lunga lista), che dispone di un attributo valore che corrisponde al valore messo nella casella di testo.
Posso scrivere qualcosa di simile:
$ ( '$ ( "SomeClass "). Val () == $ (" # ingresso QualcheID"). Val ()')

???

È stato utile?

Soluzione 

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

Altri suggerimenti

Date un'occhiata alla pagina selettori CSS3: http://www.w3.org / TR / CSS3-selettori / .

Selettore consigliato: '[ "+ $ ( '# inputId ') val () +'". E [foo = "bar"], come in valore = .class']'

. Nota: non testato

è solo un selettore jQuery serie: 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>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top