Variabile del selettore di attributi jQuery

Ho una selectbox con diverse opzioni: ognuno di questi valori di opzione corrisponde ad un attributo “valore” su alcune immagini sottostanti. La funzionalità che voglio è quando il valore della casella di selezione viene modificato, mentre il valore corrispondente viene evidenziato con un bordo rosso. Ecco il codice:

function assignValue() { selectboxvalue = $('#Box_style').val() ; $('.tabContent img[value="+selectboxvalue+"]').css({border: '1px solid #c10000'}); } $('#Box_style').change(assignValue); 

Guardando intorno alla documentazione di jquery (http://api.jquery.com/attribute-equals-selector), apparentemente questo dovrebbe funzionare …

Qualsiasi aiuto sarebbe apprezzato, grazie!

Prima di jQuery 1.7

Quanto segue funzionerà:

 $('.tabContent img[value='+selectboxvalue+']').css({border: '1px solid #c10000'}); 

jQuery 1.7 e successive

In 1.7 jQuery ha modificato la syntax per richiedere che gli attributes abbiano una quotazione attorno al valore:

 $('.tabContent img[value="'+selectboxvalue+'"]').css({border: '1px solid #c10000'}); 

Le quotazioni sono incasinate:

  $('.tabContent img[value="'+selectboxvalue+'"]').css({border: '1px solid #c10000'}); 

Per quanto sopra, non funziona più come detto sopra (anche se potrebbe anche essere solo il mio codice). La singola citazione incasina il codice. Il seguente codice funziona

A partire da jQuery 3.2.1 e successive

 $("#clickmap a[gruppe="+gruppeId+"]").children("path").addClass('lastClicked');