jQuery özniteliği seçici değişkeni

Question

Çeşitli seçeneklere sahip bir seçim kutunuz var - bu seçenek değerlerinin her biri, aşağıdaki bazı resimlerde "değer" özelliğine karşılık gelir. İstediğim işlevsellik, selectbox değeri değiştirildiğinde img ile ilgili değerin kırmızı bir kenarlıkla vurgulanmasıdır.

Herhangi bir yardım olur ... jQuery belgelerine (http://api.jquery.com/attribute-equals-selector) Anlaşılan bu çalışması gerekir etrafa

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

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

: İşte kod teşekkür, teşekkür ederim!

Answer 1

önce

jQuery 1.7 aşağıdaki çalışır:

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

jQuery 1.7 ve jQuery tırnak gerektirecek attributes değerini gerektirecek sözdizimi değişti 1.7 bilahare

Bu nedenle, aşağıdaki varyasyon gereklidir:

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

Answer 2

Alıntılar ortada yok: Yukarıdaki için

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

Answer 3

, artık (o da sadece kodum olabileceğini ifade) yukarıda belirtildiği gibi çalışır. Tek tırnak kodu çözer. Aşağıdaki kod

jQuery 3.2.1 itibariyle

ve senin sorunun basitçe karışık olduğunu düşünüyorum sonradan

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