2017-04-11 6 views
0

私はこれを長らく見てきましたが、これは単純なものだと想像しましたが、解決策を見つけることができません。JQuery:正しい選択にもかかわらずaddClass()が機能しない

dimple.jsを使用してdivに棒グラフを追加しましたが、ドロップダウンの選択に基づいて棒の1つのクラスを変更しようとしています。

私には選択を保持する変数があり、正しく動作します。私はコンソールに値を記録することができ、正しいオブジェクトを表示します。しかし、クラスは決して追加されません。

ご協力いただければ幸いです。

var barClass = 'rect.dimple-' + selectedHospital.split(' ').join('-').toLowerCase(); 
    console.log($(barClass)); 
    $(barClass).addClass('addedClass') 

console.log()の結果。

[rect#dimple-all--hospital-1--, prevObject: n.fn.init(1), context: document, selector: "rect.dimple-hospital-1"] 
+0

console.log($(barClass).addClass( 'addedClass')))をチェックしている場合、ログに表示されます。 ? なぜ "rect.dimple"クラスを追加し、ログにid "rect#dimple"を返していますか? –

+0

.addClass( 'addedClass')を追加しても、新しいクラスがなくてもログには表示されます。ブラウザ上の要素を調べると、IDは#dimple-all-hospital-1-- rectですが、クラスごとに選択しようとしています。 – user7656032

+0

その要素はidとクラスを持っていますか? –

答えて

0

これを解決するには、JQuery v3.2.1(v2.1.1を使用)を使用しました。私が読んだことから、このバージョンの前に、SVG内の要素にクラスを追加することはできません。

関連する問題