このjのクエリで何かが間違っています

Question

function dowork() 
{ 
    $(".wrappedElement").removeClass("wrappedElement"); 
    $(".wrappedElementout").removeClass("wrappedElementout"); 
    var a=$("div#DepPart select option:selected").val(); 

    $("div#TestPart select option[value^=a]").addClass("wrappedElement"); 
    $("div#TestPart select option[value!=a]:not(div#TestPart select option[value^=a])").addClass("wrappedElementout"); 
} 

この関数では、var aは文字列形式で値を取得します。この値をjQueryセレクタの一部として使用すると、何らかの理由で機能しません。誰でもその解決策を提案できますか？

Answer 1

問題は、あなたがどこでも変数aを参照していないということです、あなたは単に「」あなたの文字列内の文字を含めています。

$("div#TestPart select option[value^='" + a + "']").addClass("wrappedElement"); 
$("div#TestPart select option[value!='" + a + "']:not(div#TestPart select option[value^='" + a + "'])").addClass("wrappedElementout"); 

注意も角括弧属性とjQueryのセレクタが何かに等しいことを構文は何かがであることを期待：あなたは、セレクタとして使用している文字列と変数aから値を連結する必要があります引用符（私は上記に含まれています）。 aのあなたの例の値で

、「HMT」第1セレクタは、連結した後、次のように見えることになります：（。そして、他のラインについても同様）

"div#TestPart select option[value^='HMT']" 

Answer 2

function dowork() 
    { 
    $(".wrappedElement").removeClass("wrappedElement"); 
    $(".wrappedElementout").removeClass("wrappedElementout"); 
    var a=$("div#DepPart select option:selected").val(); 

    $("div#TestPart select option[value^=" + a + "]").addClass("wrappedElement"); 
    $("div#TestPart select option[value!=" + a + "]:not(div#TestPart select option[value^="+ a + "])").addClass("wrappedElementout"); 
    } 

Answer 3

ます」文字列リテラルの一部としてaを使用しています。つまり、変数aの値ではなく、文字 'a'として解釈されています。あなたは二重引用符の外にaを取る必要があり

：

$("div#TestPart select option[value^=" + a + "]").addClass("wrappedElement"); 
    $("div#TestPart select option[value!=" + a + "]:not(div#TestPart select option[value^=" + a + "])").addClass("wrappedElementout");