Переменная селектора атрибутов jQuery

У меня есть selectbox с несколькими параметрами - каждое из этих значений параметров соответствует атрибуту "value" на некоторых изображениях ниже. Функциональность, которую я хочу, - это когда значение selectbox изменено, img с соответствующим значением подсвечивается красной рамкой. Вот код:

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

$('#Box_style').change(assignValue);

Оглядываясь на документацию jquery (http://api.jquery.com/attribute-equals-selector), очевидно, это должно работать...

Любая помощь будет оценена, спасибо!

Ответы

Ответ 1

До jQuery 1.7

Следующее будет работать:

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

jQuery 1.7 и более поздние версии

В 1.7 jQuery изменился синтаксис, чтобы потребовать значение attributes для запроса котировки, чтобы потребовалось следующее изменение:

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

Ответ 2

Котировки перепутаны:

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

Ответ 3

К вышесказанному он больше не работает, как упоминалось выше (хотя это может быть только мой код). Единая котировка испортила код. Следующий код работает

Начиная с jQuery 3.2.1 и более поздних версий

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